Question

可能重复：
preventing mouseout event for child node

 <li id="profile-list">
            <a href="profile.html" class="main-menu" id="p">PROFILE </a>

             <div id="m1" class="sub-menu"  style="visibility: hidden;">
                  <a href="Profile-Value and beliefs.html">Value & Beliefs </a>
                  <a href="Profile-Quality.html">Quality</a>
                  <a href="Profile-Strategic.html">Strategic networks </a>

             </div>
 </li>

我的Jquery是

$("#m1").mouseover(function () {
        $("#p").css({ 'background-image': "url(images/tab_bg.png)", 'background-repeat': "no-repeat", 'color': '#FFF' });      
    });
    $("#m1").mouseout(function () {
        $("#p").removeAttr("style");
    });

当我在子菜单链接上移动鼠标时，mainmenu链接是动画的。我不想要这个。请帮忙！

Answer 1

瘦字，你的代码看起来很复杂，试着重构你发布的代码，我认为你的问题看起来会更简单。

将代码发布到公共网站时，请始终遵循良好做法。

1-发布完整，易于使用的代码。

2-准确地说明你的问题，用清晰的词语描述。

3-我们随时为您提供帮助，请帮助我们：）

Answer 2

很难确切地知道你在说什么，特别是没有你的CSS。对于你的jQuery，也许是这样的？

$("#m1").mouseover(
function () {
    $("#p").css({ 'background-image': "url(images/tab_bg.png)", 'background-repeat': "no-repeat", 'color': '#FFF' });      
}, function () {
    $("#p").removeAttr("style");
});

$("#m2").mouseover(
    function () {
    $("#s").css({ 'background-image': "url(images/tab_bg.png)", 'background-repeat': "no-repeat", 'color': '#FFF' });
}, function () {
    $("#s").removeAttr("style");
});

鼠标悬停在jquery上

2 个答案: