javascript - 当我不希望它打开时 fancybox 打开

Question

我是 Jeopardy 游戏，我使用 FancyBox 灯箱插件来显示其中的所有问题。

我正在尝试创建一个额外问题。一旦 25 个名额全部消失，这个问题就会出现。我目前正在使用一个大型 if 语句:

if($('#html5_100').is(':hidden') &&$('#html5_200').is(':hidden') &&$('#html5_300').is(':hidden') &&$('#html5_400').is(':hidden') &&$('#html5_500').is(':hidden') &&$('#attr_100').is(':hidden') &&$('#attr_200').is(':hidden') &&$('#attr_300').is(':hidden') &&$('#attr_400').is(':hidden') &&$('#attr_500').is(':hidden') &&$('#tf_100').is(':hidden') &&$('#tf_200').is(':hidden') &&$('#tf_300').is(':hidden') &&$('#tf_400').is(':hidden') &&$('#tf_500').is(':hidden') &&$('#dtag_100').is(':hidden') &&$('#dtag_200').is(':hidden') &&$('#dtag_300').is(':hidden') &&$('#dtag_400').is(':hidden') &&$('#dtag_500').is(':hidden') &&$('#tag_100').is(':hidden') &&$('#tag_200').is(':hidden') &&$('#tag_300').is(':hidden') &&$('#tag_400').is(':hidden') &&$('#tag_500').is(':hidden')){
$('#bonus').fancybox({ 
'transitionIn' : 'elastic',
'transitionOut' : 'elastic', 
'hideOnOverlayClick':false,
'hideOnContentClick':false,
'showCloseButton' : false,
'overlayOpacity' : 1
}).click();
}

我正在尝试使用 $('#ID').is(':hidden');

我在每个按钮的每个 Click 函数中放置了 25 个这样的 if。问题是，一旦我点击提交，它就会打开这个花哨的盒子。有办法阻止这种情况吗？

如果您需要更多帮助了解我可以上传我的游戏并给您一个链接。

Answer 1

看起来你的代码正在工作，至少对我来说是这样，所以页面上可能不存在该 id？

另外，也许检查所有这些 div 是否都隐藏的更好方法是循环遍历所有这些 div。此方法还可以更轻松地以最小的努力添加其他问题 ( demo ):

var checkDivs = function() {
    var i, j, divs = 'html5 attr tf dtag tag'.split(' ');
    // loop through div names
    for (i = 0; i < divs.length; i++) {
        j = 1;
        // loop through all numbered div names (adding 100 each time)
        while ($('#' + divs[i] + '_' + (j * 100)).length) {
            // check if hidden
            if (!$('#' + divs[i] + '_' + (j * 100)).is(':hidden')) {
                return false;
            }
            j++;
        }
    }
    return true;
};