jquery - 我的脚本中的错误，单击相同的缩略图两次它不起作用

Question

如果我在同一个拇指上单击两次，图像会淡出但不会再淡入。最初我会喜欢它，所以当拇指处于活动状态时，如果可能的话，它是不可选择的。任何帮助都会很棒，谢谢。

这是我在说什么的 jsfiddle。 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 示例。我刚刚在您的点击事件中添加了一个检查，

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