Question

我使用ajax将select_class类的列表元素包含到常规<ul>中。从我在线阅读的内容来看，我需要使用on来为它们添加功能。所以我尝试了以下内容：

(function(jQuery) {    
    jQuery(document).on("click", ".select_class", function(e){
    e.preventDefault();
       alert("hi");  
    });
})(jQuery);



jQuery(document).on('click', ".select_class", function(e) {
  e.preventDefault();

alert("hi");

});

但它们都会在第二次点击时触发......

编辑......我的错误。他们不是li。他们在a中li。像这样：

<ul>
<li><a href="#" class="select_class">something1</a></li>
<li><a href="#" class="select_class">something1</a></li>
<li><a href="#" class="select_class">something1</a></li>
</ul>

现在，所有select_class元素都需要两次点击才能触发alert。

Answer 1

在我的情况下，

e.preventDefault();和return false;都已定义。这是造成错误的原因。

Answer 2

您指定了两次点击事件。您可能希望使用.off（）来删除侦听器，然后再次添加它。 http://api.jquery.com/off/

第二次单击动态元素后点击触发的jQuery

2 个答案: