Question

我正在尝试创建一个jQuery弹出窗口，它会在网页加载时自动出现。这是弹出窗口的工作代码，单击我正在使用的按钮打开：

$('[data-popup-close]').on('click', function(e)  {
    var targeted_popup_class = jQuery(this).attr('data-popup-close');
    $('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);

    e.preventDefault();
});

如果我希望上面的弹出窗口按照指定显示，我该如何编写代码？如果可能，请使用此格式：

$('[data-popup-close]').on('page-load', function(e)  {

Answer 1

如果您希望在页面准备就绪后立即弹出，you simply pass the function to be executed to the JQuery object。无需与on绑定。请记住，现在该函数由另一个对象调用，this将绑定到window而不是data-popup-close元素。

$(function(e)  {
    var targeted_popup_class = $('[data-popup-close]').attr('data-popup-close');
    $('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);
});

更改jQuery弹出窗口以显示在页面加载上

1 个答案: