マウスオーバーとマウスアウト

Question

可能性の重複：私は、サブメニューリンクのMainMenuリンク上にマウスを移動すると
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"); 
    }); 

です私はこれを望んでいません。助けてください！

Answer 1

thinzarあなたのコードは非常に複雑に見えますが、あなたの投稿したコードをリファクタリングしてみてください。

パブリックウェブサイトにコードを投稿する際には、常に適切な方法に従ってください。

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"); 
});