停止jquery live钩住所有子级

它对孩子们没有约束力。它正在冒泡地向父母冲去。

另外,您的语法不正确。这是:

$("div.item", "div.items")...

意思是“找到所有带有类项的div,这些div是带有类项的div的后代。”但是你没有这样的潜水器(带类项目)。您有一个带有项目ID的DIV。

结合所有这些尝试:

$("#items div").live("mouseover mouseout", function(event) {
  if ($(event.source).hasClass("itemChild")) {
    return false;
  } else if (event.type == "mouseover") {
    ...
  } else {
    ...
  }
});

或者,或者:

$("#items > div.item").live("mouseover mouseout", function(event) {
  if (!($this).is("div.item")) {
    return false;
  }
  ...
});

基本上,有很多种方法可以剥下这只猫的皮,但是就像我在第一句话中说的那样,你必须理解事件会一直冒泡,直到处理程序停止传播,或者直接(通过调用 event.stopPropagation() 或返回 false 来自事件处理程序,相当于 event.stopPropagation(); event.preventDefault(); )

另外,如果你在做 mouseenter 和 mouseout 你最好用一下 hover() 同时发生以下两种情况的事件:

$("#items > div.item").live("hover", function(event) {
  // mouseenter
}, function(event) {
  // mouseout
});