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);})