jQuery click事件处理程序

Question

我有下面的JS代码；

var $divContent = $("<div />");
$divContent.on('click.mypop', function(e){
alert(e.type);
}

因此，页面上有一个包含一些文本内容的div。

我的问题是，类“ mypop”没有元素，当我对div进行点击操作时，我的代码是否仍在点击处理程序中？

这怎么可能 ？

Answer 1

请参阅： jQuery docs 。 第一个参数是事件类型，与DOM中的任何内容均无关。

Answer 2

您将处理程序附加到事件click.mypop 。 那只是mypop命名空间中的click事件。 您可以在此处的“事件名称和名称空间”部分中阅读有关此内容的更多信息： http : //api.jquery.com/on/简而言之，名称空间用于附加和删除特定的事件组而不会干扰其他事件。

如果要将处理程序附加到div中具有mypop类的元素， mypop应按以下方式附加它：

var $divContent = $("<div />");
$divContent.on('click', '.mypop', function(e){
    alert(e.type);
}

Answer 3

您绑定的Click事件不正确。 查看有关如何使用.on()的官方API文档。 应该如下：

var $divContent = $("<div />");
$divContent.on('click', '.mypop', function(e){
    alert(e.type);
}

Answer 4

没有像click.mypop这样的click.mypop 。
格式： $(staticElement).on(event, selector, function) 。
例如： $(document).on('click', '.mypop', function(e){alert(e.type);})