Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将jQuery弹出窗口更改为在页面加载时显示_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 将jQuery弹出窗口更改为在页面加载时显示

Javascript 将jQuery弹出窗口更改为在页面加载时显示,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我正在尝试创建一个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)

我正在尝试创建一个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)  {

如果您希望在页面准备好后立即弹出。不需要在上绑定
。请记住,现在函数由不同的对象调用,
将绑定到
窗口
,而不是
数据弹出关闭
元素

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

谢谢你的帮助!弹出窗口按预期显示@JosefLundström没问题。别忘了投票。回答问题时,请不要添加[已解决],勾号就足够了。谢谢