单击动态添加的跨度项目时未引发单击事件答案

【问题标题】：Click event not raising on clicking span item which added dynamically单击动态添加的跨度项目时未引发单击事件
【发布时间】：2015-08-14 16:58:56
【问题描述】：

<div class="content todo-card">

</div>

我在上面的 div 项中动态添加了下面的 div 项。我想在单击跨度项目时引发一个事件，我该如何实现？

<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');

        });

【问题讨论】：

你的.todo-remove元素是空的？
这是我的 span 标签。使用下面的代码，但没有奏效。 $(document).on('click', '.todo-remove', function () { alert('deleteeeeeeeeeeeeeeee'); });
如果里面什么都没有，就没有什么可以点击的。编辑：除非其中一个类向其中添加内容，例如图标或其他东西。
你需要在 span 中添加一些东西，或者你需要通过 css check demo 至少给出高度宽度 jsfiddle.net/farhanbaloch/ybLrmc6c
其实那个span标签加了一个图标。当我点击它时想要引发一个事件

标签： jquery ajax html jquery-ui jquery-plugins

【解决方案1】：

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

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

【讨论】：

拜托，你所有的代码，你在哪里添加这个jquery？
我分享的代码是实际代码。使用ajax在div标签中添加span元素