Question

我正在尝试使用jQuery在正在重复的元素上添加悬停不透明度，具体取决于数据库中有多少项。

当悬停在一个div上时，所有这些都在改变。

这是HTML / jQuery： http://jsfiddle.net/RKhvv/1/

抱歉jsfiddle没有显示任何结果，但希望这是向您展示代码的最佳方式。

谢谢！

Answer 1

将您的JavaScript更改为以下内容。 $(this)使stop调用仅适用于悬停的元素，而不适用于entryHeader类的所有元素。

$(document).ready(function() {        
    $(".entryHeader").hover(function(){
    $(this).stop(true).fadeTo("fast", 0.6); // This sets the opacity to 100% on hover
    },function(){
        $(this).stop(true).fadeTo("fast", 1.0); // This sets the opacity back to 60% on mouseout
    });
});

jsFiddle使用新代码。

Answer 2

你需要抓住正在徘徊的当前元素，而不是全部使用相同的类。

我会循环使用相同类抓取的所有元素，然后单独设置每个元素

Answer 3

试试这个：

$(document).ready(function() {        
        $(".entryHeader").hover(function(){
           $(this).stop(true).fadeTo("fast", 0.6); // This sets the opacity to 100%     on hover
        },function(){
            $(this).stop(true).fadeTo("fast", 1.0); // This sets the opacity back to 60% on mouseout
        }); });

jQuery悬停于重复的单个元素

3 个答案: