माउस ले जाएँ और mouseout समारोह jQuery

Question

मैं इस स्क्रिप्ट है:

$("#teaser ul.buttons li").mouseover(function() 
    { 
     $("a",this).animate({ left: '0' },350); 
    }).mouseout(function() 
    { 

     $("a",this).animate({ left: '-11px' },350); 
    }); 

लेकिन जब मैं अब एक तत्व पर होवर करें। माउसओवर और माउसआउट जारी है। मैं इस स्क्रिप्ट को कैसे बदल सकता हूं। जब मैं एक तत्व के होवर करता हूं। जब मैं तत्व को रोकता हूं तो माउसआउट लॉन्च होता है।

Answer 1

http://jsfiddle.net/BBUJ7/ है आप के लिए क्या देख रहे हैं? मैंने mouseover और mouseout को hover में बदल दिया क्योंकि आपने प्रश्न में घुसपैठ का उल्लेख किया और a {position:relative} सीएसएस नियम जोड़ा।

Answer 2

यहाँ आप एचटीएमएल कोड है:

<ul class="buttons"> 
        <li> 
         <h2> 
          <a class="koeriersdiensten" href="pagina.html" title="Koeriersdiensten">Koeriersdiensten 
           <span>Lorem ipsum dolor sit amet</span> 
          </a> 
         </h2> 
        </li> 
        <li> 
         <h2> 
          <a class="taxivervoer" href="pagina.html" title="Taxivervoer">Taxivervoer 
           <span>Lorem ipsum dolor sit amet</span> 
          </a> 
         </h2> 
        </li> 
       </ul> 

Answer 3

उपयोग mouseenter और mouseover के बजाय mouseleave और mouseout