附加HTML標記不取回使用jQuery

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

這個值從數據庫IAM使用JSON對象來。 diplaying列表項目後IAM試圖點擊相冊更多>>暫，但沒有發生該事件的任何幫助/附加HTML標記不取回使用jQuery

來源

2014-02-13 user3305895

ID應該是唯一的和'動態content' =>'事件delegation' –

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

來源

2014-02-13 12:08:28

使用事件委託，因爲這是動態添加到DOM。

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

和ID應該是唯一的

來源

2014-02-13 12:08:52 Prashobh

何必下投票.. – Prashobh

附加HTML標記不取回使用jQuery

回答

相關問題