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

Question

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

Answer 1

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

所以，如果您正在使用：

  。

$（ '礼'）点击（函数（）{}）;

你应该使用

  

$（ 'UL'）上（ '点击'， '礼'，函数（）{}）;

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 >标记。