Javascript 单击事件在单击内部跨度图元时不起作用 我已经这样做了。根据数据库中的计数动态添加。

“span”元素没有.todo remove类，在这种情况下不会调用该事件。尝试将类添加到span，并添加如下样式：

padding: 20px;
display: block;
float: right;

---

当然，稍后您将更改此代码。

span元素没有.todo remove类，在这种情况下，不会调用事件。尝试将类添加到span，并添加如下样式：

padding: 20px;
display: block;
float: right;

---

当然，稍后您将更改此代码。

请尝试此javascript。这对你有用

$("label[for='check1']").click(function(){
  alert("deleted");
});

---

试试这个javascript。这对你有用

$("label[for='check1']").click(function(){
  alert("deleted");
});

---

以下代码适合我：

---

---

以下代码适合我：

---

工作代码链接 我希望您在DOM就绪之前注册事件。 请在活动结束后注册

<div class="todo-task">
    <input type="checkbox" id='check1' />
    <label for='check1'> Click 
        <span class="todo-remove mdi-action-delete">Span</span> 
    </label>  
</div>

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

点击
跨度
$（文档）.ready（函数（）{
$（文档）。在（'单击'，'上。todo删除'，函数（）{
警报（‘删除’）；
});
});

工作代码链接 我希望您在DOM就绪之前注册事件。 请在活动结束后注册

<div class="todo-task">
    <input type="checkbox" id='check1' />
    <label for='check1'> Click 
        <span class="todo-remove mdi-action-delete">Span</span> 
    </label>  
</div>

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

点击
跨度
$（文档）.ready（函数（）{
$（文档）。在（'单击'，'上。todo删除'，函数（）{
警报（‘删除’）；
});
});

解决方法是将内部跨距的z缓冲区设置为-1 i、 e

asdasdasd

解决方法是将内部跨距的z缓冲区设置为-1 i、 e

asdasdasd

是否正在停止该删除跨度的父元素的传播？不，我没有停止。我发现check1的标签后面缺少一个单引号。你关得不够好这可能是个问题。。除此之外，它很好。

span

内部似乎没有任何东西可供单击？或者您希望在

标签上单击
对象？是否停止该删除span的父元素的传播？否，我没有停止。我看到check1的标签后面缺少一个单引号。你关得不够好这可能是个问题。。除此之外，它很好。
span
里面似乎没有任何东西可以
click
on？或者您希望
单击
标签上的
object？todo remove{float:right；font size:1.5rem}这是我用于todo removetodo remove的样式{float:right；font size:1.5rem}这是我在todo removeI中使用的样式，我无法做到这一点，因为CSS编写得很好。哪个类添加了标签和span元素？在标签的右侧添加一个图标。详细说明？在标签中有一个span并不错误，只要span有内容和/或样式。asdasdasdasdasdasdasdasdasd是我的标签文本。-这将添加一个图标。想在我单击该图标时引发事件。更新了我的答案。我希望它能帮助你。谢谢，这不好。对于这个小任务，如此多的css和javascript不是一个好方法。我不能这样做，因为css写得很好。哪个类添加了标签和span元素？在标签的右侧添加一个图标。详细说明？在标签中有一个span并不错误，只要span有内容和/或样式。asdasdasdasdasdasdasdasdasd是我的标签文本。-这将添加一个图标。想在我单击该图标时引发事件。更新了我的答案。我希望它能帮助你。谢谢，这不好。对于这个小任务，如此多的css和javascript不是一个好方法。添加的是乱动js（我复制了整个文件）我正在使用的地方，单击spanuser1844634它就不起作用了代码下面的脚本有什么用，它导致在乱动js时添加了“防止默认值”（我复制了整个文件）我使用的是点击spanuser1844634不起作用的地方代码下面的脚本有什么用，它会导致“防止默认”
.todo-remove{
    padding:20px;
    background: #f00;
    cursor:pointer;
}

$(function(){
    $(document).on('click','.todo-remove', function(){
        $(this).closest('.todo-task').remove();
    });
})

<div class="todo-task">
    <input type="checkbox" id='check1' />
    <label for='check1'> Click 
        <span class="todo-remove mdi-action-delete">Span</span> 
    </label>  
</div>

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

<div class="todo-task">
    <input type="checkbox" id='check1' />
    <label for='check1'> asdasdasdasdasd 
        <span class="todo-remove mdi-action-delete" style="z-index:-1"></span> 
    </label> 
</div>