jquery - 检查 jquery Reveal modal 是否处于事件状态，执行某些操作

Question

我尝试仅在显示模式处于事件状态的情况下运行一些 JavaScript。问题是，无论模态是否处于事件状态，我尝试过的方法都是 True 。下面是我正在努力实现的目标的示例。我尝试过:isvisible方法，也尝试过:active。我正在使用 zurb Reveal 模式。

HTML:

<div id="myModal" class="reveal-modal">
    <ul>
        <li>some list item</li>
        <li>some list item</li>
    </ul>
</div> <!--/myModal-->

JS:

<script>
    if ($('#myModal:active').length){
        console.log('yes'); //always yes even when not revealed
    } else { 
        //do nothing
    }
</script>

//also tried if ($('#myModal').hasClass('someClass')) 

编辑

当事件时，CSS的“可见性”:“可见”，否则“隐藏”，所以我尝试了以下操作，但它没有响应条件。知道为什么会发生这种情况吗？

if($("#myModal").css("visibility", "hidden").length > 0) {
    console.log('is hidden');
} else {
    console.log('is shown');
}

这是带有Zurb's的cookie代码显示弹出窗口的选项。

if (document.cookie.indexOf('visited=true') == -1) {
    var tenYears = 3600 * 1000 * 24 * 365 * 10;   //1000*60*60*24*15;//15days
    var expires = new Date((new Date()).valueOf() + tenYears);
    document.cookie = "visited=true;expires=" + expires.toUTCString() +  ";path=/";  //encodeURIComponent +
    // Zurb's popup reveal modal
    $('#myModal').reveal({
        animation: 'fadeAndPop', 
        animationspeed: 100,                      
        closeonbackgroundclick: true,              
        dismissmodalclass: 'close-reveal-modal'
    });
}

Answer 1

好像this plugin单击时激活“开放”类。所以你应该检查链接，例如:

if($(".modal-link").hasClass('open')) {
    //do stuff when modal active
} else {
    //do stuff when modal not active
}

更好的是:

if($("#my-Modal").is(":visible")) {
    //you get the point
}