javascript - 没有链接时触发点击事件

Question

我正在使用一个 jQuery 库，该库允许通过单击链接来打开模式窗口。重点是我想打开窗口但不单击任何链接。我知道这有点奇怪，但是可以在没有触发链接(对模态库的引用的位置)的情况下调用模态？

更新:我测试过的内容

<script type="text/javascript">
    $(function() {
        $('a[rel*=leanModal]').leanModal({ top : 100, closeButton: ".modal_close"});        
    });
</script>

...
<!-- a rel="leanModal" href="#modal" name="modal">Link</a -->
...

<script type="text/javascript">
    $('#modal').click();
</script>
<div id="modal">
</div>

对模态 div 的引用位于链接中，但我没有该链接，因此不会创建它。

引用:leanModal.js

Answer 1

只需在您想要的位置触发链接点击即可。

$(".myLink").trigger('click'); // or:
$(".myLink").click();

编辑:在您的问题中，您使用了错误的处理程序。 $("modal")会寻找 <modal>元素。您正在寻找$('#modal') .

如果您希望弹出的对话框完全没有链接，您应该能够使用 display: none 将其设置为隐藏。在 CSS 或 style 属性中，然后通过代码触发它。

或者，您可以使用Fancybox为了增加灵 active ，他们对如何使用对话框而不附加到特定链接，而是任何元素更加开放，并决定里面的内容以及如何触发它。