jquerymodal исчезнет после 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

Вы связываете свою функцию с двумя событиями

Попробуйте это

    <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>