问题标签 [jquery-on]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
48561 浏览

javascript - jQuery - 如何使用“on()”方法而不是“live()”?

我用于live()生成的页面和框架。但在jQuery 1.9此功能已弃用且不起作用。

我使用on()而不是,live()但这种方法只适用于一次,并且不适用于帧。

我的代码如下所示:

解决办法是什么?

0 投票
2 回答
17977 浏览

jquery - 为什么我的 .on('change') 不起作用?

我正在将输入动态添加到我的页面中,因此需要使用.on将事件附加到它们。

我正在尝试将change事件附加到 a type="file" input,但它不起作用。

我试过两种方法,第一种:

其中输入有一个类file-input-hidden

第二个:

但是当使用input.

怎么了?

编辑:

在此处查看页面:链接

和js:

HTML:

0 投票
2 回答
549 浏览

jquery - 有没有办法在每个元素实例上取消绑定委托事件?

我需要做的是jQuery.one使用委托获得每个匹配元素的功能。

如您所见,单击“Baz”或“Bat”的链接会多次附加“(已删除)”。另一方面,单击“Foo”的链接只会执行一次代码,但也会为“Bar”禁用它(反之亦然)。

小提琴:http: //jsfiddle.net/JcmpN/

我想要发生的是,单击其中任何一个都会执行该元素的处理程序,但会使其他元素保持原样,直到它们也被单击一次。

HTML:

jQuery:

0 投票
1 回答
36 浏览

event-handling - jQuery 的触发方法的顺序有多重要?

我想提供一种on从插件外部使用 -event 处理程序的方法。问题是,如果我以错误的顺序提供它们,触发器将不会触发。

例如,这有效:

......但这不是:

对第二种方法如何工作有任何想法吗?

更新

它在这里工作:http ://www.benplum.com/projects/rubberband/

0 投票
2 回答
633 浏览

javascript - 如何在 jquery 中使用“on”方法绑定 iframe?

在 jquery 中使用on方法绑定 iframe 。

我在页面中使用带有 iframe 的 jquery 移动库。

如何使用on方法绑定 iframe?

在这里,我尝试使用on方法将tap函数绑定到 iframe 内容。

点击 方法 将$(frame).contents().click(function(e) { alert('sucess'); })起作用。但是当它带有移动设备时,点击方法不起作用......

0 投票
2 回答
4079 浏览

javascript - jQuery.on() 是如何工作的?

我还没有看到这个函数的来源,但我想知道,它是这样工作的:

  1. 通过它们的选择器选择元素
  2. 将提供的事件处理程序委托给他们
  3. 在该选择器上运行 asetInterval并不断取消委托,然后重新委托同一事件

或者对此有纯 JavaScript DOM 解释?

0 投票
1 回答
75 浏览

jquery-mobile - on() 不适用于使用 jQuery 的实时数据,如何?

我有一些动态数据被附加到列表中,并且该数据中的任何链接似乎都不起作用。

我正在使用 jquery 1.8.3 并且on()应该考虑该live方法,我认为

在此处查看完整示例

关于这个问题的任何想法?

0 投票
2 回答
1422 浏览

jquery - jQuery Validate 插件也适用于未来的表单

我有这个 html

而这个js

然后假设,在某个事件(即单击按钮)之后,我加载了一个新表单(通过 ajax),就像上面那样。或者,我完全刷新了那部分代码,所以我的表单是全新的,我的验证丢失了。

我正在尝试对其附加/重新附加验证,而不是在 ajax 调用的成功回调上重新调用 validate() 。

有点像“旧”的 jquery live 方法;

我可以.on以某种方式使用吗?如果“on”方法可以将“事件”绑定到新元素,为什么我们不能应用整个验证?

0 投票
0 回答
421 浏览

jquery-ui - AJAX html替换后jQuery Sortable冻结

jQuery 代码:我删除了所有的可排序设置。如果你觉得它们是相关的,我可以把它们放回去。

HTML 代码:这是一个简化版本,因为真正的代码包含大量 PHP 和其他内容。

正如您所看到的,整个表单,包括附加到 Sortable 的元素,在提交表单时通过 AJAX 被替换(使用其自身的相同副本)。这是 Sortable 停止工作的时候。

我知道在初始化 Sortable 时新表单不是 DOM 的一部分,因此尽管与它所替换的表单相同,但它没有附加。我也了解如何.on()在页面首次加载时出现的元素和之后添加的元素之间进行委托。我不明白的是如何将此概念应用于Sortable的初始化。

我让它与一个肮脏的黑客一起工作,但我想了解正确的方法。

肮脏的黑客

因此,Sortable 在页面加载时初始化,并在 AJAX 完成替换 Sortable 附加到的元素时重新初始化。也许这是对的,但感觉不对。

披露:我实际上是使用 nestedSortable 插件代替 Sortable,但插件作者声称通过他的插件“所有 jQuery Sortable 选项、事件和方法都可用”。我也确实切换到标准的 Sortable Widget 进行测试并且遇到了同样的问题,所以我不认为它是插件。

插件网址:https ://github.com/mjsarfatti/nestedSortable/tree/2.0alpha

0 投票
3 回答
37 浏览

javascript - 如何使用 jQuery 检查 .on 中的目标元素

我不确定我的目标是哪些元素.on

我想知道,有没有办法显示目标元素?