javascript - Jquery自动弹出弹窗

Question

我得到了一段 Jquery 代码，它允许用户单击一个链接，该链接将打开一个包含信息的弹出窗口。但我不知道如何修改它，以便在用户加载页面时自动打开弹出窗口。

Jquery:

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
jQuery(document).ready(function ($) {

    $('[data-popup-target]').click(function () {
        $('html').addClass('overlay');
        var activePopup = $(this).attr('data-popup-target');
        $(activePopup).addClass('visible');

    });

    $(document).keyup(function (e) {
        if (e.keyCode == 27 && $('html').hasClass('overlay')) {
            clearPopup();
        }
    });

    $('.popup-exit').click(function () {
        clearPopup();

    });

    $('.popup-overlay').click(function () {
        clearPopup();
    });

    function clearPopup() {
        $('.popup.visible').addClass('transitioning').removeClass('visible');
        $('html').removeClass('overlay');

        setTimeout(function () {
            $('.popup').removeClass('transitioning');
        }, 200);
    }

});
});//]]>  

</script>

激活代码链接:

    <a href="#example-popup" data-popup-target="#example-popup">Link</a>

弹出窗口的内容:

<div id="example-popup" class="popup">
    <div class="popup-body">    <span class="popup-exit"></span>

        <div class="popup-content">
                <h2 class="popup-title">Terms and Conditions</h2>
                <p>
                <h5><font color="grey">Please take time to read the following...</font></h5>


        </div>
    </div>
</div>
<div class="popup-overlay"></div>

我尝试修改mysql，但没有成功。因为我不是 Jquery 专家。我知道这是一个很大的要求，但代码在这里。我知道一些极客可以轻松找到我需要的东西:)

真快。而不是让用户单击链接来打开弹出窗口。我希望弹出窗口自动打开

Answer 1

当您注册点击处理程序后触发对所需元素的点击时，相当简单。

/* your original code stays mostly the same except for chaining methods after it*/
$('[data-popup-target]').click(function () {
    $('html').addClass('overlay');
    var activePopup = $(this).attr('data-popup-target');
    $(activePopup).addClass('visible');
 /* now click the first one */
}).first().click();

ID 在页面中必须是唯一的，因此如果弹出链接和弹出容器上的重复项与所示相同，则应更改它们