javascript - 在页面加载时打开模式

Question

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

但是，相反，我需要它在用户进入网站后自动打开，也就是说，它需要在主页内容之前打开。

这是标记:

<!-- MODAL STARTS -->
<a id="demo01" href="#animatedModal">DEMO01</a>
    <div id="animatedModal">
        <div class="close-animatedModal"> 
            CLOSE MODAL
        </div>
        <div class="modal-content">
        </div>
    </div>

<!-- PAGE CONTENT -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

它是由

触发的

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

Fiddle 可以在 https://jsfiddle.net/5zLe3npu/ 找到

在内容之前首先显示它的最佳解决方案是什么？ 我是一个 JS 新手，很抱歉可能会提出愚蠢的问题。

Answer 1

使用trigger() API Documentation

试试这个

$("document").ready(function() {

        $("#demo01").animatedModal();
        $("#demo01").trigger('click');

});

<强> Demo Here