Question

寻求解决问题的方法......

我在这里使用此脚本

部分找到了另一个帖子的答案

$(function () {
$(".myclass").hover(function ()
{}, function ()
{
    $(".myclass>li").fadeTo(200, 1)
});
$(".myclass>li").hoverIntent(function ()
{
    $(this).attr("id", "current");
    $(this).siblings().fadeTo(200, .6);
    $(this).fadeTo(300, 1)
}, function ()
{
    $(".myclass>li").removeAttr("id");
    $(this).fadeTo(200, 1)
})})

当列表中的项目悬停时，脚本会淡出所有其他项目。原始演示在这里http://jsbin.com/usobe

这在我的网站上运行正常，但列表（缩略图网格）是更大的滑块脚本的一部分，它通过ajax加载“预览”。单击列表项时，页面上会隐藏一个隐藏的部分，滑块脚本会为列表项指定一个“活动”类。

当隐藏部分打开时，我希望激活的缩略图保持1不透明度，而其余部分则淡化为.6，与使用上述脚本的悬停效果完全相同。当您单击缩略图以激活ajax脚本时，我想要实现的目标变得显而易见。是否可以使用active类来实现这一点，即如果类不是active设置为.6不透明度？

提前致谢

----编辑

感谢大家的建议 - 到目前为止我没有太多运气！使用上面的代码，是否可以修改它，以便在单击列表项时它保持指定的不透明度？我认为这样做会很好。然后我可以使用onclick我想在隐藏的div关闭时将所有项目淡化为完全不透明度。

Answer 1

我正在猜测你的代码是如何工作的，因为我明白你应该做这样的事情：

// this is the selector that gets the click on the thumbnail
$('li.item').click(function() {
    // fade all the thumbnails to op 1.0
    $('#li.item').css('opacity', '.6');
    // let the active thumbnail to 1.0
    $(this).css('opacity', 1);

    //show your hidden div
});

然后，当你关闭隐藏的div：

$('div#hiddenDiv').onClose(function()
    // about to close
    $(this).fadeTo('fast', 1);
});

Answer 2

你可以使用针对zetaThumbs li元素的点击，将当前目标设置为1，将其兄弟设置为.6

 $('.zetaThumbs li').click(function(){
    $(this).css({'opacity':1}).siblings().css({'opacity':.6});
 })

使用基于类的jQuery添加css

2 个答案: