0

#jam リスト内の div をアニメーション化しようとしています。

li には背景画像があり、ホバーするとボックス クラスが表示されます。

私が抱えている問題は、ボックスクラスのdivをホバーすると、ホバーもトリガーされることです。

li の背景画像のみをその中の要素ではなくホバーさせるにはどうすればよいですか?

/*Services Pyrimid*/
$('ul#jam li').hover(function() {
    $(this).find('div:first').animate({opacity: 1.0, left:190}, 500);
},function(){
    $(this).find('div:first').animate({opacity: 0, left:-400}, 500);        
});


<ul id="jam">
 <li id="spot-a">
  <div class="box">
   text
  </div>
 </li>
 <li id="spot-b">
  <div class="box">
   text
  </div>
 </li>
</ul>
4

1 に答える 1

0

追加してみてください：

$(".box").on('mouseenter mouseleave', function(e) {
    e.stopPropagation();
});

または行う：

$('ul#jam li').not('.box').hover(function() {...
于 2012-07-26T10:03:00.187 に答える