liクラスをマウスの左にスライドさせ、マウスの左にスライドさせるにはどうすればよいですか？

Question

マウスの左にあるスライドを追加しようとしていますが、mouseleaveの右にスライドすると、すでにホバー機能付きのイメージスワップスクリプトで使用されている複数のliクラスに移動しようとしています。

<script type> 
$(document).ready(function() { 
    $('#thumb ul li a').hover(
      function() { 
       var currentBigImage = $('#gallery img').attr('src'); 
       var newBigImage = $(this).attr('src'); 
       var currentThumbSrc = $(this).attr('rel'); 
       switchImage(newBigImage, currentBigImage, currentThumbSrc); 
      }, 
      function() {} 
      ); 
      function switchImage(imageHref, currentBigImage, currentThumbSrc) { 
       var theBigImage = $('#gallery img'); 
       if (imageHref != currentBigImage) { 
       theBigImage.fadeOut(250, function(){ 
        theBigImage.attr('src', imageHref).fadeIn(250); 
        var newImageDesc = $("#thumb ul li a img[src='"+currentThumbSrc+"']").attr('alt'); 
        $('p#desc').empty().html(newImageDesc); 
       }); 
      } 
    } 
}); 
</script 

私は$('#thumb ul li a').hover(の下で、上記のものと同じスクリプト内で以下のスクリプトを使用しようとすると、それが画像を交換し、李クラスが何かをスライドさせたりしません既存のホバー機能を破ります。

$(document).ready(function() { 
    $('#thumb ul li a').hover(
     function(){ 
      $(this).stop().animate({left:'20px'}, 500) 
     }, 
     function(){ 
      $(this).stop().animate({right:'20px'}, 500) 
}); 

は、私は1つが、私は李クラスとして定義されている#thumb ul li a下のリンクをスライドさせる画像や別のものを交換するために、別のスクリプトを実行する必要がありますか？ありがとう！

Answer 1

むしろバインディングの両方のセットのためのホバーを使用するよりも、なぜあなたは使用しないでください：機能のあなたのセットのいずれかの

$('#thumb ul li a').bind("mouseenter", function() {}); 

と

$('#thumb ul li a').bind("mouseleave", function() {}); 

？

あなたはまたのような、あなたのバインディングで名前空間を使用して試みることができる

：

.bind("mouseenter.name1", function() {}) 
.bind("mouseenter.name2", function() {}) 
.bind("mouseleave.name1", function() {}) 
.bind("mouseleave.name2", function() {}) 

それは、私はそれは私がすでにだスクリプトとは何かを持って推測しているこのいずれかで動作するように取得できませんでした