jquery - $(element).is (':visible' ) 始终为 false

Question

我有以下示例:http://jsfiddle.net/LAMdV/

HTML:

<div id="imageSlider">
    <span class="info" id="info1">
        hello world
    </span>
</div>

jQuery:

$('#imageSlider .info').click(function () {
    var i = $(this).attr('id');
    i = i.replace('info', '');

    if ($('#imageSliders .info#info' + i).is(':visible')) {    
        alert("hide");
    } else {
        alert("show");
    }
});

为什么is:visible的结果总是显示false？尽管事实上它从一开始就可见! (在我的实际场景中它是之前隐藏然后显示的)

Answer 1

您的标记具有 ID“imageSlider”，而您的选择器使用“#imageSliders”(复数)。