从HTML外部打开模式

我正在按照教程创建一个简单的模式，但说明解释了如何从调用它的HTML中的按钮打开它。从HTML外部打开模式

<html> 
<head> 
</style> 
    <!-- Don't forget to include jQuery ;) --> 
    <script src="jquery.modal.js" type="text/javascript" charset="utf-8"></script> 
</head> 
<body> 

    <!-- Modal HTML embedded directly into document --> 
    <div id="ex1" style="display:none;"> 
    <p>Thanks for clicking. That felt good. <a href="#" rel="modal:close">Close</a> or press ESC</p> 
    </div> 

    <!-- I WANT TO ACTIVATE THIS ACTION FROM A JAVASCRIPT FILE --> 
    <p><a href="#ex1" rel="modal:open">Open Modal</a></p> 

</body> 
</html>

如果我想从链接的js文件中打开它，我该怎么做？

来源

2016-11-01 Jacobo Koenig

[jquery modal documentation]（http://jquerymodal.com/）有你可以吃的所有答案 –

通用溶液

为了简单起见，分配ID到该事件：

<a id="testID" href="#ex1" rel="modal:open">Open Modal</a>

然后，只需触发元件上的点击。

JQuery的：

$("#testID").click();

jQuery的模态具体的解决方案

只需拨打这打开一个模式：

$("#testID").modal();

并以编程方式关闭，分配ID “testClose”到模态中的某个元素，然后运行以关闭模态：

$("#testClose").modal({closeExisting: true});

为更细致的控制可能的改进

我注意到，jquery-modal使用自定义的事件，如“modal:open”，所以理论上你也可以称之为：

$("#testID").trigger("modal:before-block"); 
$("#testID").trigger("modal:block"); 
$("#testID").trigger("modal:before-open"); 
$("#testID").trigger("modal:open");

然而，这个人做不适合我。只需使用.click()。

来源

2016-11-01 02:37:55 K48

从HTML外部打开模式

回答

相关问题