Javascript 我的jquery结果中有一个bug

我的网站是

在portfolio部分，您可以看到包含类别名称的div（例如，Photomanipulation）正在取消缩略图悬停状态的操作，即使它包含在相同的锚标记中

Javascript代码：

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

thumbnail('dubstep');

缩略图DIV结构：

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

---

提前感谢您的帮助

尝试将每个事件中的选择器更改为：

$('#' + param1 + '-thumb')...

此外，您还可以使用

hover（）

方法将

mouseover

和

mouseout

事件处理程序组合为一个，如下所示：

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

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');
    })                  
};

---

您正在

img

标记上应用事件，而不是

a

。更改如下：

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

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');
    })                  
};

---

包括附加事件的代码。谢谢！很高兴你喜欢它谢谢你的帮助，我也试过这个方法。它两次激活自己（一次在图像上，一次在描述div上）