Tag: 动态

在动态创建的元素上返回false

我正在尝试阻止动态创建的元素上的事件。 我尝试了几种方法但没有效果。 聋人,点击包含该类的div打开一个菜单,我想禁用它。 这是我的代码(请注意我使用的是jQuery 1.6.4,因此我无法使用“on”方法)。 $(function() { $( document ).delegate( “span.highlight_mkt”, “click”, function() { return false; }); }); 我也尝试使用“实时”方法,但没有任何成功。 任何帮助将非常感激。

jQuery绑定直播事件

我遇到了将实时事件绑定到动态创建内容的麻烦。 我有一个页面通过ajax调用加载一个html页面。 加载的html页面包含一些javascript然后执行。 执行的javascript会创建一些元素。 我想将click事件处理程序绑定到这些元素,但是在绑定它们之后(使用.live,.delegate和plain old .click)单击它们后没有任何反应。 我能够检索元素的内容(通过调用.html),但由于某种原因我无法绑定事件… 我也试过添加onclick =“alert(’test’);” 通过javascript吐出它们之前的元素,但没有用… 有人知道解决方案吗? 谢谢

计算具有特定类的元素数量,然后添加一个对其进行编号的ID

我对此非常陌生,只想把其他post的片段拼凑起来。 我不确定如何计算页面上的元素数量,然后添加一个类来区分它们的数字。 $(document).ready(function(){ $(‘.item’).each(function (e) { $(this).addClass(‘count’ + e); }); }); 输出到:

使用javascript的动态字典

我试图在客户端填充字典对象,我可以传递给我的Action方法。 我能够使用硬编码值构建字典对象,但是我想基于DOM元素动态创建它。 以下是如何编写代码: 这是具有硬编码值的JavaScript函数。 我正在遍历所有具有textClass的文本框。 这工作正常,我能够在Action方法参数中看到字典项。 $(‘.textClass’).each(function (index) { dictionary = { ‘[0].Key’: ‘k1’, ‘[0].Value’: ‘v1’, }; 这是我想要构建字典的方式,但我无法弄清楚如何使用索引和DOM元素来创建字典键和值。 如果我按照下面的方式编写,它不构造字典。 $(‘.textClass’).each(function (index) { dictionary = { ‘[‘ + index ‘].Key’: $(this).attr(‘id’), ‘[‘ + index ‘].Value’: $(this).val(), }; 有人可以指点我在这里做错了什么吗?

JQuery / PHP动态下拉问题

我一直在使用PHP和JQuery为动态下拉列表构建一个脚本,我遇到了从要查询的表单发送的一些数据的问题。 基本上,用户将从第一个框中选择一个选项,并且从那里开始,其他框依赖于前一个框。 这些选项是从MySQL数据库中提取的,当选择这些相同的选项时,它们会被发送回脚本以创建下一个查询,依此类推。 我遇到了一些数据问题,我认为这是因为选项中有空格通过GET发送。 过去几天我多次查看我的脚本,我找不到解决方案。 这是我要测试的脚本的实时版本。 – 这是要检查的脚本的实时版本的URL。 这是前端。 一个非常基本的表单和一些javascript将信息发送到后端脚本: $(function(){ $(“#series”).change(function() { $(“#range”).load(“findbackend.php?series=” + $(“#series”).val()); }); $(“#range”).change(function() { $(“#digsize”).load(“findbackend.php?series=” + $(“#series”).val() + “&range=” + $(“#range”).val()); }); $(“#digsize”).change(function() { $(“#dignum”).load(“findbackend.php?series=” + $(“#series”).val() + “&range=” + $(“#range”).val() + “&digsize=” + $(“#digsize”).val()); }); }); Please Select FM800 F100 Please choose from above Please choose from above Please […]

加载表动态地丢失样式规则

我在jquery中生成的div中加载一个带有表的页面。 装载很顺利,但桌子失去了它的风格。 我试图在加载的页面,登录页面上,甚至桌面上的内联样式上应用样式。 内联样式部分工作,如背景颜色,但文本不允许我更改字体类型,大小,重量。 $(”, { id: ‘newdiv’, }).appendTo(‘body’); $(‘#newdiv’).load(‘combi/page.with.table.php’); 表格简化了。 tr或td上没有样式。

有没有更好的方法来动态显示包含随机jquery绑定的iframe?

这有效,但我不确定为什么(我相当确定有一种更聪明的方法来实现它)。 我有一个带有iframe的页面,src将根据需要进行更改。 我正在尝试构建这个不同的src可以在以后添加。 每次加载src后,我需要将function绑定到各种元素。 我的主要问题在下面的评论中; 但总的来说,我很好奇有更好的方法来解决这个问题。 谢谢。 $(document).ready(function() { $(“.start”).click(function(){ init(); }); function init() { $(“#container”).html(”); //QUESTIONS: //why do these bindings work when the iframe src changes? //at the time this is run, these don’t know anything about the iframe src’s that will be loaded //seems like it’s acting like live() rather than bind()? //is […]

使用jQuery为动态添加的元素添加样式

继续演示 http://lufi.realservers.info/demos/add_forms_dynamically/ 当我添加另一个元素(输入框)时,我不能删除内部的斜体灰色标签,不像第一个输入框。 此外,如果我单击第一组输入框,它们只会消失。 有没有其他方法可以为动态添加元素添加样式?

jQuery的。 将选择器应用于动态表单中的每个字段

我有一个使用这个jQuery插件动态构建的表单 http://code.google.com/p/jquery-dynamic-form/ 当我复制div时 , div中的所有字段都是重复的,并且-as plugin docs state- bracket被添加到字段名称中 我也使用jQueryUI。 我使用datePicker插件 $(“#myDynDateField”).datepicker(); 当这个datePicker字段只有一个实例时,它工作正常。 当我复制整个div时,datePicker字段也会重复,并且错误开始 inst未定义 未捕获的exception:缺少此datepicker的实例数据 1)如何使用覆盖所有重复字段的jQuery选择器? 2)如何确保每个重复的datePicker字段都有正确的实例等? 非常感谢提前,

关于模糊的jQuery无法正常工作

我有一个简单的教育详细信息页面,我动态生成文本框以输入资格详细信息。 当我尝试validation文本框时,validation会被触发但不正确。 如果我尝试2-3次,那就变得合适了。 在第一次尝试中,备用文本框得到validation。 当我点击“添加行”按钮时,会添加一个新行,但是当我尝试validation它的2-3次尝试时,不会显示validation错误。 经过几次尝试后,validation工作正常。 这一切都非常令人困惑。 我在互联网上研究了很多,但找不到合适的解决方案。 我已经在下面粘贴了我的完整JSP。 任何指针真的非常感谢。 Enter Details $(document).ready(function(){ jQuery(“.validate-text”).on(“blur”, function (event) { setTimeout(function() { jQuery(“.validate-text”).validate({ expression: “if (VAL) return true; else return false;”, message: “Please enter value.” }); }); }); jQuery(“.validate-num”).on(“blur”, function (event) { setTimeout(function() { jQuery(“.validate-num”).validate({ expression: “if (!isNaN(VAL) && VAL) return true; else return false;”, message: “Please enter […]