jquery - 动态生成的 中未触发单击事件

Question

大家好，我正在生成我的 ul 和 li，如下所示，我想触发点击事件，但是 delegate()、on() 和 click() 方法不起作用，只有 live() 运行良好，但 live() 已被弃用，所以还有其他方法可以帮助我吗？？/这里 "loadpage" 是我的 html 代码中的 div

<script type="text/javascript">
       $(document).ready(function() {
             $('#LoadPage').append('<ul class="testul" id="list">');
                 for (var i = 1; i < 5; i++) {
                   $('#list').append('<li class="clicks" id="item'+i+'"></li>');
                 }          
             $('#LoadPage').append('</ul>');
        });

            // click event works  wtih .live() onlyyy.......................
        $('.clicks').live('click', function() {
            alert('hello');
        });






        /*$(".clicks").on("click", function(){
            alert('hello');
        });
        $("#testul").delegate("li", "click", function() {
        alert('hello');
        });



        $("#testul").delegate("li", "click", function() {
            alert('hello');
              });*/

    </script>

Answer 1

您的选择器应该匹配文档，因为文档确实存在。然后，您将传递给将存在的点击选择器。通过最初匹配 .clicks，您的结果集是空的，没有任何反应。

$(document).on("click", ".clicks", function(){ 
        alert('hello'); 
}); 

live 的文档讨论了如何将使用它的代码转换为使用on 或delegate:http://api.jquery.com/live/ .