從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外部打開模式

回答

相關問題