点击事件没有提高点击跨项添加动态

<div class="content todo-card"> 

</div>

对上面的div项我动态地添加下面的div项。点击span项目时我想提出一个事件，我可以实现什么？点击事件没有提高点击跨项添加动态

<div class="todo-task"> 
       <input type="checkbox" id="checkbox1" checked="yes" /> 
       <label for="checkbox1">Hello every one <span class="todo-remove mdi-action-delete"></span> 
       </label> 
      </div>

我试过下面的代码，但它没有工作。

$(document).on('click', '.todo-remove', function() { 
      alert('deleleeeeeeeeeeeeeeeeee'); 

     });

来源

2015-08-14 user1844634

您是'.todo-remove'元素是否为空？ – Stryner

这是我的span标签。使用下面的代码，但没有奏效。 $（document）.on（'click'，'.todo-remove'，function（）{ alert（'deleleeeeeeeeeeeeeeeeeee'）; }）; – user1844634

如果你没有任何内容，没有什么可以点击。编辑：除非其中一个类向内容添加内容，如图标或其他内容。 – Stryner

发生这种情况是因为当代码尝试添加onclick事件时，您的span元素“todo-remove”还不存在。您需要添加页面加载后运行参考，如下所示：

$(document).ready(function(){ 
    $(".todo-remove").on('click', function() { 
     alert('deleleeeeeeeeeeeeeeeeee'); 
    }); 
});

来源

2015-08-14 17:19:16

试过上面的代码。它不工作。 – user1844634

请加我所有的代码，你在哪里添加这个jQuery？ –

我分享的代码是实际代码。使用ajax在div标签中添加span元素 – user1844634

点击事件没有提高点击跨项添加动态

回答

相关问题