jquery - li 附加到现有的 ul 但旧功能不再起作用

Question

我有ul一些li。在li一个有一个button。当我单击它时，它会显示一条消息。当我尝试做这样的事情时：$("#myUl").append("<li> <div id="click">Click</div></li>"); 它不适用于添加的新 li ！你能帮助我吗？

Answer 1

您可能需要使用该on()函数将函数绑定到 parent <ul>，而不是<li>本身

因此，如果您正在使用：

$('li').click(function(){});

你应该使用

$('ul').on('click','li',function(){});

Answer 2

我假设您的意思是新链接在添加到 DOM 后不起作用。如果是这种情况，您应该使用类似的东西

$('ul li').on('click', '#click', function() {
    // Handle here
});

在http://api.jquery.com/on/阅读有关 on() 处理程序的信息

Answer 3

如果您将附加内容，则您的功能将完美运行，如果您将使用 jquery，则在此之后为功能：$.on

喜欢
$("ul").on("events",function(){
  $(this).to_be_fired_event();
});


因为< li >标签是动态添加的。