Question

我来自TW，我的英语不好......

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

插件必须与href一起动作。我试着说 - -

我有2个问题

我无法使用$（＆＃34;＃ex1＆＃34;）。modal（）或$（＆＃34;＃ex1＆＃34;）。modal（＆＃39; show＆＃39;）展示我的对话框 - 它必须链接一个例子：
```
<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)
```
如何使用$（＆＃34;＃ex1＆＃34;）。mydal（＆＃39; open＆＃39;）之类的方式打开我的对话框？

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

Answer 1

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

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

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

jsfiddle

如果您的<a>元素包含href="#ex1"和rel="modal:open"，则还可以通过编程方式打开模式：

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

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

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触发链接（对于模态）的单击

1 个答案: