jQueryリストのホバー

私は前と次のボタンで動作するjQueryスライダを持っています。唯一のことは、これらのボタン上にマウスを置くと、次または前のスライドのプレビューが表示され、マウスを移動するとそのスライドが非表示になります。私はちょうどそれを動作させるように見えることはできません...

$('.next_slide').mouseenter(function() {
   $('.slide_container li').stop().animate({ left: -440 }, 10, 'easeInOutExpo');                            
});

私のHTMLは....

<div id="slides">
   
    
      
  • 
      
  • 
      
  • 
   

   <div id="slide_nav">
      « Previous
      Next »
   </div>
</div>

スライドの幅は1440ピクセルです。

0
追加された
ビュー: 4
源
ru fr es pt de ar
背景画像とテキストがあります
追加された 著者 green_arrow, 源

2 答え

これを試して -

$('.next_slide').hover(
  function(){//OVER
    $('.slide_container li').stop().animate({ left: -440 }, 10, 'easeInOutExpo');
  },
  function(){//OUT
    $('.slide_container li').stop().animate({ left: 0 }, 10, 'easeInOutExpo');
  }
);
1
追加された
源

You only have mouseenter, not mouseout; you should defined both.
If you use Hover, you can include both actions in the same script.

たとえば（jQueryサイトから）：

$("li").hover(
  function() {
    $(this).append($(" ***"));
  }, 
  function() {
    $(this).find("span:last").remove();
  }
);
0
追加された
源