javascript - JS 脚本无法正常工作

Question

<分区>

Answer 1

一个大问题是 this 的值不会在您的“showCaption”函数中设置。添加 return false; 到该函数的末尾:

function showCaption(){
    var captionVis = $('.grey-box-caption-text').css('display');    
    if (captionVis == "none") {
        $('.grey-box-caption-text').width(0);
        $(this).find('.grey-box-caption-text').show().animate({'width': '464px'},750);
    }
    else {
        $(this).find('.grey-box-caption-text').animate({'width': '0'},750, function(){
            $(this).hide();
        }); 
    }
};

然后将处理程序分配更改为:

$('.caption-container').click(showCaption);

另请注意，您在 if 语句中的测试不正确:使用 == 或 === 进行比较。