JQuery事件侦听器匹配案例

问题描述 投票:0回答:1

我曾经使用jquery来处理网页中的事件处理。最近几天我遇到了初始化事件的问题。

我添加了一个简单的例子来使我的问题更清楚。我们暂时考虑一下click事件。

对于<div id="ex"></div>的点击事件,我通常写类似的东西

方法1

$('#ex').click(function(e) {
  //code
});

而且我知道我们可以写,

方法2

$('#ex').on('click', function(e) {
  //code
})

方法3

$(document).on('click', '#ex', function(e) {
  //code
})

现在问题是我看到只有少数元素的事件只适用于方法3.同时我在同一个文件中有其他元素的方法1和方法2,它们工作正常。但只有少数元素,而不是遵循方法1和2。

可能是什么原因?这与我的CSS有关吗?我如何理解在何处使用方法1以及方法2和方法3?

jquery jquery-events
1个回答
2
投票
  1. 当元素已存在于dom中时,则可以使用第一种方法。
  2. 如果要附加多个事件(如click,blue等),则可以使用第二种方法。
  3. 当你的元素不存在于dom中,但它被动态注入到dom中时,则可以使用第三种方法。
© www.soinside.com 2019 - 2024. All rights reserved.