Jquery只链接动作

Question

我有以下HTML代码：

<a href="/produkt" class="menuTabs">My Catalog 1 <span>(23752)</span></a>

JQuery的：

    $('a.menuTabs', '#subNav').mouseover(function (e) {
...

这里的问题是，当我翻过“我的目录1”而不是“跨度”选项时，我只想执行鼠标悬停功能。 谢谢

Answer 1

为什么不将您想要触发鼠标悬停的文本包装在自己的范围内？

<a href="/produkt" class="menuTabs"><span class="mouseover">My Catalog 1</span> <span>(23752)</span></a>

$('a.menuTabs span.mouseover', '#subNav').mouseover(function (e) {

Answer 2

只需检查哪个元素是鼠标的目标

$('a.menuTabs', '#subNav').mouseover(function (e) {
    if (e.target != this){
        $('.disp').text('s');
        return;
    }
    $(​'.disp'​​​​).text('a');
}​);​

http://jsfiddle.net/brfLX/

Answer 3

完整解决方案here：

$('a.menuTabs').mouseover(function (e) {});
$('a.menuTabs > span').mouseover(function (e) {  e.stopPropagation(); });

与this相同的问题。