jQuery技术:在页面加载时打开模态

我正在使用animatedModal.js在我的页面上显示全屏模式。 它工作正常,通过单击按钮触发。

但是,而不是那样,我需要它一旦用户进入网站就自动打开,也就是说,它需要在主页面内容之前打开。

这是标记:

 DEMO01 
CLOSE MODAL

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit

它是由…引发的

 $("#demo01").animatedModal(); 

小提琴可以在https://jsfiddle.net/5zLe3npu/找到

在内容之前首先显示它的最佳解决方案是什么? 我是一名JS新手,对于潜在的愚蠢问题感到遗憾。

    您可以使用.on方法指定单击关闭按钮时要执行的操作,例如显示内容。 最初隐藏内容你可以使用style =’display:none;’ 在包含内容。

    HTML –

      
    CLOSE MODAL

    JQuery –

     $("#demo01").animatedModal(); //initialize animatedModal $("#demo01").click(); //triggers opening of Modal. $(".close-animatedModal").on( "click", function() { $("#container").show(); }); 

    请参阅JSFiddle –

    如果这回答了您的问题,请将此标记为已接受的答案。

    使用trigger() API文档

    试试这个

     $("document").ready(function() { $("#demo01").animatedModal(); $("#demo01").trigger('click'); }); 

    在这里演示

    需要了解更多jQuery教程分享在页面加载时打开模态,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享在页面加载时打开模态相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/982551.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐