Question

编辑：将鼠标悬停更改为点击。编辑2：结束在它下面放置一个0.6不透明度的复制div并应用相同的动画和fadeOut到它，然后使其点击fadeToggle工作，但滞后一点。欢迎任何更有效的解决方案！我有一个点击功能，无法使用div元素。我希望点击可以将不透明度恢复到以前褪色的元素（该部分工作正常），但经过数小时的尝试后，它才会发生。

$(document).ready(function(){
$(document).scroll(function() { 
    $(".circle-nav-element-sm").animate({
        left: '100px',
    }, "slow");
    $(".circle-nav-element-sm").fadeTo("slow", 0.6);
});
});

//Above part works fine.

$(document).ready(function(){
    $(".circle-nav-element-sm").click(function() { 
        $(".circle-nav-element-sm").fadeIn("fast");
    });
});

有人能看到明显的解决方案吗？

Answer 1

尝试使用

$(document).ready(function(){
    $(".circle-nav-element-sm").hover(function() { 
        $(".circle-nav-element-sm").fadeTo("fast",1);
    });
});

我猜fadeTo与fadeIn和fadeout不兼容 fadeIn vs fadeOut vs fadeTo

Answer 2

jQuery fadeIn（）方法用于淡入隐藏元素。首先要确保你的circle-nav-element-sm div是隐藏的还是没有。如果它是隐藏的，它可以为你工作，如果不是，请确保它是隐藏的。

jQuery点击fadeIn功能不起作用

2 个答案: