0

我有以下html代码:

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

查询:

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

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

4

3 回答 3

2

为什么不将要触发鼠标悬停的文本包装在自己的跨度中?

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

$('a.menuTabs span.mouseover', '#subNav').mouseover(function (e) {
于 2012-08-01T09:45:02.737 回答
1

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

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

http://jsfiddle.net/brfLX/

于 2012-08-01T09:55:11.043 回答
0

完整的解决方案在这里

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

与此相同的问题。

于 2012-08-01T09:44:13.107 回答