触发没有链接的点击事件

时间:2013-06-06 16:34:38

标签: javascript jquery hyperlink eventtrigger

我正在使用一个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

1 个答案:

答案 0 :(得分:3)

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

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

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

如果你想弹出没有链接的对话框,你应该能够使用CSS或style属性中的display: none隐藏它,然后通过代码触发它。

或者,您可以使用Fancybox来增加灵活性,并且他们更加开放如何使用他们的对话框而不附加到特定链接,而是更任何元素并决定内部的内容以及如何触发它。