Javascript onClick事件打开模态

时间:2014-08-14 18:36:18

标签: jquery modal-dialog buttonclick

我正在使用我从here发现的模态插件,它对我的​​应用程序非常有用。我通过以这种方式链接来显示模态:

<a href="#myDiv" rel="modal:open">Make Modal Appear</a>

但是,我想使用带按钮的onclick事件来制作相同的插件,但我无法弄清楚如何在onclick事件中使用“rel = modal:open”代码。如果没有“rel =”命令,插件将无法正常运行。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

如果你的意思是你想要一个额外的按钮来打开模态,那么你可以这样做:

<a id="modal-open" href="#myDiv" rel="modal:open">Make Modal Appear</a>
<button id="another-modal-open" onClick="$('#modal-open').trigger('click');">Also Opens Modal</button>

DEMO:http://jsfiddle.net/aag1wer9/