如何使用 jQuery 触发对 link（对于模态）的点击

Question

我是台湾人，英文不好..

我使用这个模态插件：http://kylefox.ca/jquery-modal/examples/

插件必须对 href 进行操作。我试着说话 - -

我有2个问题

我无法使用 $("#ex1").modal() 或 $("#ex1").modal('show') 来显示我的对话框 - 它必须 link 举例：
```
<a href-"#ex1" rel="modal:open">xxx</a> 
```
所以我试过了
```
$("#myid a").trigger('click'),
```
但不能行动。如何操作函数....当然我可以使用 CSS 使标签像按钮一样，但我无法关闭 #ex1 并打开 #ex2
```
<a href-"#ex1" rel="modal:open">xxx</a> --open      <a href-"#ex1" rel="modal:close">xxx</a>--close)
```
如何使用$("#ex1").mydal('open')之类的方式打开我的对话框 ?

当然有这么赚钱的插件。但是这个插件是最样本的，不能改变我的主题或屏幕...

thx all (OMG poor Eng..)

Answer 1

我不确定你为什么说你不能使用：

$('#ex1').modal();

因为它确实以 id="ex1" 作为模式打开 div。

jsfiddle

如果您确实有一个带有 href="#ex1" 和 rel="modal:open" 的 <a> 元素，您还可以通过以下方式以编程方式打开模式：

$('#ex1Link').trigger('click');

（其中 ex1Link 是 <a> 元素的 id 值。）

jsfiddle

如果您没有正确包含库，这将导致您收到 Uncaught TypeError: undefined is not a function 错误，这里是一个完整的页面。只需确保 jquery.modal.js 和 jquery.modal.css 文件与此页面位于同一目录中。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Modal</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.modal.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="jquery.modal.css" type="text/css" media="screen" />
<script>
$(function () {
    $('#openBtn').click(function() {
        $('#ex1').modal();
    });
});
</script>
</head>
<body>
<div id="ex1" style="display: none;">
<p>Thanks for clicking. <a href="#" rel="modal:close">Close</a> or press ESC</p>
</div>
<p><button type="button" id="openBtn">OPEN</button></p>
</body> 
</html>

如何使用 jQuery 触发对 link（对于模态）的点击

How to trigger a click on a link(for modal) using jQuery

jquery

modal-dialog