從HTML外部打開模式

Question

我正在按照教程創建一個簡單的模態，但是說明解釋了如何從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文件中打開它，該怎么辦？

Answer 1

通用解決方案

為簡單起見，請為該事件分配一個ID：

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

然后只需點擊該元素即可。

JQuery的：

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

jQuery-Modal特定解決方案

只需調用此命令即可打開模式：

$("#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() 。

從HTML外部打開模式

問題描述

1 個解決方案

解決方案1
2 已采納 2016-11-01 02:37:55

從HTML外部打開模式

問題描述

1 個解決方案

解決方案1 2 已采納 2016-11-01 02:37:55

解決方案1
2 已采納 2016-11-01 02:37:55