jQuery的。 toggleclass点击儿童时不切换

Question

我正在使用：

$("#cart").click(function(e){
    $('#cart').load('index.php?route=module/cart #cart > *');
    var e=window.event||e;
    $("#cart").toggleClass("active");
    e.stopPropagation();
    $(document).click(function(e){
       $("#cart").removeClass("active");

       $('#cart').live('mouseleave', function() {

       });  
    });
});

现在的问题是，每当我点击#cart的孩子时，它就会切换我不想要的课程。当我点击#cart而不是孩子时，我该如何才能进行切换？

Answer 1

要检查是否因为事件冒泡而调用了事件处理程序，请在事件处理程序中将this与event.target进行比较：

$('#cart').on('click', function(event){
  if(this === event.target){
    // $('#cart') was clicked 
  } else {
   // event has bubbled up from a descendant of $('#cart')
  }
});