Question

while(perpage>=curr){
            var item = getDataBackOut[curr];
            $("#main_body ul").append("<li><a href='#' id='more'>showmore</a><div id='gred'><a href="+item.productUrl+"><img alt='prasad' src="+item.productImageUrl+"><p id='para'>"+item.productDescription+"</p></a></div></li>");
            curr++;
        }

这些值来自使用JSON对象的数据库iam。显示列表项目后，我试图点击showmore但该事件没有发生任何帮助/

Answer 1

ID应该是唯一的，因此请改用class

while(perpage>=curr){
    var item = getDataBackOut[curr];
    $("#main_body ul").append("<li><a href='#' class='more'>showmore</a><div id='gred'><a href="+item.productUrl+"><img alt='prasad' src="+item.productImageUrl+"><p id='para'>"+item.productDescription+"</p></a></div></li>");
    //...........................................^.............................
    curr++;
}

然后你需要使用event delegation方法，因为列表项是动态创建的

$("#main_body ul").on('click','.more',function(){ 
     //your code here
});

Answer 2

使用事件委托，因为这是动态添加到DOM。

 $("#main_body ul").on('click','#more' ,function(){
    //your logic
  })

ID应该是唯一的

附加的html标记没有使用jquery返回

2 个答案: