Question

我为图库中的每个图像都有这个功能，它完美地工作，直到我将.work-type类悬停在图像（标题）上的绝对div上。它重新启动thumbnail function。我该如何解决这个问题？

<div class="thumb" id="lifelovelies-thumb" ><a class="ajax" href="gallery/lifelovelies.html">
<div class="work-type"><p class="work-type">PHOTOMANIPULATION</p></div>
<img src="images/thumbs/lifelovelies-bwthumb.jpg" alt=""/>
<img src="images/thumbs/lifelovelies-thumb.jpg" alt="" class="color"/>
 </a></div>

function thumbnail(param1){
        $('#'+param1+'-thumb a').mouseover(function(){
            $('#'+param1+'-thumb .color').hide().stop().fadeTo(500,'1');})  
        $('#'+param1+'-thumb a').mouseout(function(){
            $('#'+param1+'-thumb .color').stop().fadeTo(500,'0');})                 
    };

Answer 1

过去我曾使用hoverintent来解决这类问题：

http://cherne.net/brian/resources/jquery.hoverIntent.html

如果您尝试在图片上显示工具提示，您可能还想查看此选择：

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

我使用了动态工具提示。

绝对div干扰主div标签

1 个答案: