javascript - Jquery禁用div的点击事件

Question

假设我有一个 HTML div 的简单点击事件。 如果我点击 div，它应该触发 fadeToggle。

在那个 div 中我得到了另一个带有另一个触发器的 div。 在该单击事件上，它应该执行某些操作，但它不会执行该事件，而是触发第一个事件。

如果我希望事件 2 触发，如何防止事件 1 触发？

仅当我不在第二个事件上按下 clickevent 时，Event1 才会触发，其他所有事件都应照常触发。

感谢您的宝贵时间

HTML

<div id="1">
     Event 1
     <div id="2">
         <div id="3">
            but here is something as well event2
          </div>
     </div>
</div>

JavaScript

$("#1").click(function() {
   $(this).slideToggle();
});


$("#3").click(function() {
   $(this).css("background-color", "blue");
});

fiddle :http://jsfiddle.net/VLcxJ/

Answer 1

$("#3").click(function(e) {
    e.stopPropagation();
    $(this).css("background-color", "blue");
});

此后，#3 的点击次数将不会达到 #2 或 #1