Как автоматически показать модал с 5-секундной задержкой с плагином qTip?

Question

Как автоматически показать модал с 5-секундной задержкой с плагином qTip?

0

Как я могу сделать следующее модальное всплывающее окно автоматически через 5 секунд? Я не слишком хорошо знаком с jQuery или Javascript. Я знаю, что он, вероятно, имеет какое-то отношение к window.onload, но не совсем уверен, как его реализовать. Благодарю.

 <script>

    $(document).ready(function() {

        $('.tip').qtip({
        content: {
            text: $('#register'),
        },
        position: {
            my: 'center',
            at: 'center',
            target: $(document.body)
        },
        style: {
            classes: 'qtip-tipsy'
        },
        show: {
            modal: {
                on: true,
                blur: true, // Enables ability to exit when clicking on gray background
                escape: true // Enables exit by escape key
            },
            when: {

            }
        }
    })

    });

</script>

</head>
<body>

<div id="register">

    test

</div>

<button class="tip">Register</button>

user10132 27 апр. 2014, в 11:28

Источник

Теги:

javascript

jquery

qtip

1 ответ

Ещё вопросы

Ehsan Sajjad · Answer 1 · 2014-04-27T07-04-00.000Z

функция setTimeout():

$(document).ready(function() {

       setTimeout(showPopup,5000); // call showPopup after 5 seconds

    });


function showPopup()
{

 $('.tip').qtip({
        content: {
            text: $('#register'),
        },
        position: {
            my: 'center',
            at: 'center',
            target: $(document.body)
        },
        style: {
            classes: 'qtip-tipsy'
        },
        show: {
            modal: {
                on: true,
                blur: true, // Enables ability to exit when clicking on gray background
                escape: true // Enables exit by escape key
            },
            when: {

            }
        }
    })

}

Кажется, еще не работает ... следует ли менять часть .tip? Потому что сейчас он нацелен на кнопку с названием класса «tip».
поставить оповещение - это функция showPopup, чтобы увидеть как она вызывается или нет?
также увидеть соболезнования Firebug может быть какая-то синтаксическая ошибка приходит