javascript - jquery 模态在加载 1 秒后消失

Question

我正在使用https://jquerymodal.com/但在页面加载时它会出现 1 秒然后消失。

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
    <script>
        jQuery( document ).ready(function() {
            setTimeout(function(){window.jQuery(document).ready(function() { 
                /* Session Storage with Bootstrop Modal box */
                    (function () {
                        if (sessionStorage.getItem("modalShown") !== 'true') {
                            jQuery('#login-modal').modal({ fadeDuration: 250,  fadeDelay: 0.80 });
                            sessionStorage.setItem("modalShown", "true");
                        }
                    })();
                /* End Session Storage with Bootstrop Modal box */
            }); },500);

        });
    </script>

<div id="login-modal" class="modal">
      <p>Content here</p>
</div>

我做错了什么吗？

Answer 1

您正在将函数与两个事件绑定(bind)

试试这个

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
    <script>
        jQuery(document).ready(function() {
            setTimeout(function(){
                if (sessionStorage.getItem("modalShown") !== 'true') {
                    jQuery('#login-modal').modal({ fadeDuration: 250,  fadeDelay: 0.80 });
                    sessionStorage.setItem("modalShown", "true");
                }
            },500);
        });
    </script>