在页面加载时打开模态

我正在使用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 – http://jsfiddle.net/w1gw64aj/

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

使用trigger() API文档

试试这个

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

在这里演示