jQuery悬停在父级而不是子级上

Question

无论如何使用jQuery与DOM进行交互，当用户将鼠标悬停在div上时，会出现一个菜单，但是当它们悬停在该父级内的特定子元素上时，没有任何反应？

到目前为止

代码

$('#player_area:not(< #player_links)').live("mouseenter", function() {
  return $('#album_tracks').slideDown(200);
}).live("mouseleave", function() {
  return $('#album_tracks').hide();
});

Answer 1

以下是您的需求：http://api.jquery.com/mouseover/

mouseenter和mouseleave方法。

检查示例演示;）

Answer 2

问题在于是否因为您不希望在孩子们身上使用mouseenter事件重复该操作。也就是说，事件已由父级触发，并且您不希望在没有先离开父级的情况下再次执行该事件，或者您是否希望子级不触发mouseenter（如果它已位于父级之外）。 / p>

如果您只删除：not selector，那么您的代码似乎应该可以正常工作。

编辑...抱歉误解了......以下小提琴应该解决你需要做的事情

http://jsfiddle.net/q4beS/6/