如果在循環中創建元素，則Bootstrap下拉列表不會觸發click事件

Question

我正在嘗試使用帶有鏈接的普通Bootstrap下拉菜單，但我想觸發Jquery代碼，而不是像往常一樣進行鏈接重定向。 該列表將從數據庫表中動態創建。

如果我定義如下列表，我可以正常工作。

$(".sitedropdown").append('<li><a class="sitelink" href="#">s</a></li>');
$(".sitedropdown").append('<li><a class="sitelink" href="#">asd</a></li>');

一旦嘗試運行循環以添加元素，click事件就會神奇地停止工作。

var obj = $.parseJSON(data);
$.each(obj,function(index,arr){
$(".sitedropdown").append('<li><a class="sitelink" href="#">'+arr.wpname+'</a></li>');
});

我已經搜索了整個，但是找不到任何東西。 在任何人問之前，是的，我正在使用jquerys ON事件來處理動態添加的元素。

Answer 1

因此，然后嘗試委派事件：$（“。sitedropdown”）。on（“ click”，“ .sitelink”，function（e）{> e.preventDefault（）; alert（“ bob”）;}）; –沃爾夫

沃爾夫馬上就搞定了。

再次感謝