事件停止在jquery中不工作_Jquery_Html_Css

事件停止在jquery中不工作

jquery html css

事件停止在jquery中不工作,jquery,html,css,Jquery,Html,Css,条件：我体内有一个div cass=myDiv 行动：当我点击身体时。将调用函数abc。当我单击.myDiv时，它将调用函数xyz。问题: 按预期点击车身但是当我点击.myDiv时，它会调用xyz，但它也会调用函数abc 我不希望当我们点击.myDiv时abc会被调用也许我们可以使用stop，但它对我不起作用 <style> .mydiv{ height:200px; width:200px; background:#D00E11; } </

条件：我体内有一个div cass=myDiv

行动：

当我点击身体时。将调用函数abc。当我单击.myDiv时，它将调用函数xyz。问题: 按预期点击车身

但是当我点击.myDiv时，它会调用xyz，但它也会调用函数abc

我不希望当我们点击.myDiv时abc会被调用

也许我们可以使用stop，但它对我不起作用

<style>
.mydiv{
    height:200px;
    width:200px;
    background:#D00E11;
}
</style>
<script>
$(document).ready(function() {
    $('body').click(function(e){
        alert(1);
    });
$(".myDiv").click(function(e){
    e.stopPropagation();
}); 
});
</script>
</head>

<body>
<div class="mydiv"></div>
</body>

参考

这里的问题是您使用了错误的选择器

<div class="mydiv"></div>

致：

代码在哪里？@^，在他的电脑里；现在我已经附加了代码。你能设置fiddle吗？然后我将帮助你在脚本中看到这一点，你可以编写$'.myDiv'通过$'.myDiv'更改它；

<div class="mydiv"></div>

$(".myDiv").click(function(e){  //Wrong $(".myDiv")
    e.stopPropagation();
});

$(".mydiv").click(function(e){  //should be $(".mydiv")
    e.stopPropagation();
});