Question

如果我点击同一个拇指两次，图像会逐渐消失，但永远不会淡入。最初我希望如此，所以当拇指处于活动状态时，如果可能的话，它是不可选择的。任何帮助都会很棒，谢谢。

这是我正在谈论的问题。 http://jsfiddle.net/vAzSn/5/

$('.thumbs ul li').css('opacity', '.5');
$('.thumbs ul li:first-child').addClass('current');
$('.projectview').children().hide();
$('.projectview').children("section").first().show();
$('.thumbs ul li').click(function () {
    // Show info
    var thumb = $(this).attr('class');
    var partner = $('.' + thumb + 'info');
    $('.projectview').children().fadeOut();
    partner.fadeIn();
    // Tab opacity
    $(".current").removeClass("current");
    $(this).addClass("current");
});

Answer 1

试试 jsFiddle example 。我刚刚在你的点击事件中添加了一张支票，

if (!$(this).hasClass('current')) {...

新jQuery：

$('.thumbs ul li').css('opacity', '.5');
$('.thumbs ul li:first-child').addClass('current');
$('.projectview').children().hide();
$('.projectview').children(".planinfo").show();
$('.thumbs ul li').click(function () {
    // Show info
    if (!$(this).hasClass('current')) {
        var thumb = $(this).attr('class');
        var partner = $('.' + thumb + 'info');
        $('.projectview').children().fadeOut();
        partner.fadeIn();
        // Tab opacity
        $(".current").removeClass("current");
        $(this).addClass("current");
    }
});

我的脚本中的错误，点击相同的缩略图两次它不会工作

1 个答案: