如何将单击按钮更改为窗口加载

时间:2019-06-12 21:19:58

标签: javascript jquery modal-dialog

我正在使用https://jquerymodal.com在主页上显示模式对话框。但是我读了文档:

  

使用 rel =“ modal:open” 创建链接,并将href属性设置为模式的DOM ID。

我尝试通过以下方式将交互从单击按钮更改为窗口加载:

<script>
    $(window).on('load', function() {
        $('#tour-virtual').modal('show');
    });
</script>

我是javascript的新手,我不知道如何进行此更改。 你能帮我吗?

1 个答案:

答案 0 :(得分:0)

您可以这样做:

$(window).on('load', function() {
        $('#tour-virtual').modal('show');
  
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>


<div id="tour-virtual" class="modal">
  <p>Thanks for clicking. That felt good.</p>  
</div>