jQuery的悬停问题

我有一个HTML的结构是这样的：jQuery的悬停问题

<ul id="carousel" class="jcarousel-skin-photos"> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 

      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>    
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
      <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li> 
     </ul> 


     <a href="javascript:;" id="zoom">Yakınlaştır</a>

还有一点jQuery的代码片段淡入/淡出效果：

$('ul#carousel li a').hover(
    function() { 
    $('a#zoom').fadeIn('fast'); 
    }, 
    function() { 
    $('a#zoom').fadeOut('slow'); 
});

在我想告诉a#zoom元素时结束徘徊在ul#carousel li a元素上。但是淡入淡出效果存在一些奇怪的现象。

This is my work page。您可以在线查看。

那么我该如何解决这个问题呢？

来源

2009-11-25 fatihturan

对我而言看起来不错 – marcgg 2009-11-25 14:00:17

只是对您的选择器发表评论：您不需要指定“ul＃carousel”或“＃zoom”;相反，直接使用“#carousel”和“＃zoom” – 2009-11-25 14:00:41

问题是 - 当悬停在li上并显示缩放图标并悬停在图标上时它会消失？ – 2009-11-25 14:01:09

的问题正在发生，因为当在缩放图标，鼠标指针移动时，它不再被认为在转盘上，因此淡出踢。当淡出完成鼠标指针突然在转盘上，因此淡入重新开始。

我认为奇怪的行为是眨眼缩放图标。

要解决此问题，您必须通过将鼠标悬停事件处理程序添加到缩放图标本身，以便在鼠标移过缩放图标时取消淡出。

来源

2009-11-25 14:02:05

这应该是诀窍。 :) – 2009-11-25 14:03:11

我解决了这个奇怪这段代码：

$('a#zoom').mouseover(function() { 
    $(this).stop(); 
});

感谢文森特。

来源

2009-11-25 15:45:34 fatihturan

jQuery的悬停问题

回答

相关问题