Question

我试图在一系列IF之后弹出一个模态窗口。假设我有一个表单，我接受输入，处理它们（在另一个页面中），如果一切顺利，弹出模态窗口并说“谢谢注册！”。所以到目前为止我一直在使用的是

$(document).ready(function() {
$('a[name=modal]').click(function(e) { ...

告诉我可以使用

<a href="#dialog" name="modal">lalala</a>

<div id="boxes">
<div id="dialog" class="window">
Simple Modal Window |<a href="#" class="close"/> Close</a>
</div>

但是，我不想在IF有效后点击链接打开模态窗口。所以试着这样做：

$(document).ready(function() {
$('div[id=modal]').click(function(e) { ...

并修改了html：

<div id="modal" href="#dialog">lalala

<div id="boxes">
<div id="dialog" class="window">
Simple Modal Window |
<a href="#" class="close"/> Seguir</a>
</div>
</div>

</div>

（可在http://pasionesargentas.webatu.com/test4.php查看）但最终在同一地点（不得不点击lalala）。什么都没发生如果我改变.click for .bind o .trigger。有什么想法吗？

Answer 1

您可以按原样保留代码并添加$ .trigger（）调用来模仿点击事件，而不必像这样点击div：

$(document).ready(function(){
    $('#modal').click(function(e){
        ...
    });
    $('#modal').trigger('click');
});

然而，正如Thiago所述，您应该考虑使用某种查询字符串或隐藏字段来指示表单是否已在上一页中正确处理。

如何打开模态窗口

1 个答案: