Click事件不適用於動態添加的Li-> span-> id

Question

Click事件不適用於動態添加的Li-> span-> id

    case"101" :   strLink = "<li style='cursor:pointer'><a data-scroll><span id=div101'>Form 101</span></a></li>"; $('.sidebar-nav').append(strLink); break;
---------------
$(".sidebar-nav").on("click", "#div101", function ()
{
      console.log("Clicked on div101");
});

這是行不通的。 我該如何運作？

Answer 1

您在其中缺少引號，這導致瀏覽器誤解了ID：

case"101" :   strLink = "<li style='cursor:pointer'><a data-scroll><span id='div101'>Form 101</span></a></li>"; $('.sidebar-nav').append(strLink); break;

您還必須確保在將元素注入到主體之后添加處理程序。 如果該元素不在周圍，它將不會注冊click事件。