jquery - 如何在jquery中动态创建元素上触发点击事件

Question

if($('#term').children().length == 0){
        $("#term").append("<ul id='ulDynamic' class='ulDynamic'></ul>");
        var i;
        for(i=1;i<=3;i++){
            var liDynamic = "Term "+i;
            var liId = "Term"+i;
            $("#ulDynamic").append("<li id="+liId+ " class='listDynamic'>"+ liDynamic +"</li>");
                    if(i==0){
                       $('#'+liId).click();
        }
    }

.click() 不起作用，因为 liId 是动态创建的元素。我希望在页面加载时自动单击第一个 li 元素。还有其他方法吗？

Answer 1

做类似的事情：

$("#term").append("<ul id='ulDynamic' class='ulDynamic'></ul>");
        var i;
        for(i=1;i<=3;i++){
            var liDynamic = "Term "+i;
            var liId = "Term"+i;
            var $li = $("<li />", {
                "id" : liId,
                "class" : 'listDynamic'
            }).html(liDynamic).click(function() {
                alert("clicked:" + this.id);
            });

            $("#ulDynamic").append($li);            
        }
$("#ulDynamic").find("li:first").trigger("click");

演示 :: jsFiddle

Answer 2

我已经看到您的 ID 以开头，Term因此您可以使用 .on() 在 DOM 上添加稍后添加的点击事件。

示例

$(document).on('click','[id^="Term"]',function(){
  //code here
});

Answer 3

试试.trigger()喜欢

 $('#'+liId).trigger('click');

Answer 4

on在准备好的函数中使用事件委托

尝试这个

 $(function(){
   $('#term').on('click','li:first',function(){
    //do your stuff
   });
 });