在页面加载时打开模态
我正在使用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'); });
在这里演示