Jquery 如何使用SimpleModel获得回调
我无法从SimpleModel中捕捉到onclose。如果可以,请帮我一把,因为我是jQuery的新手Jquery 如何使用SimpleModel获得回调,jquery,simplemodal,Jquery,Simplemodal,我无法从SimpleModel中捕捉到onclose。如果可以,请帮我一把,因为我是jQuery的新手 <a href="http://url/" onclick="$(this).modal({width:833, height:453}).open(); return false;"> 可以,但我希望在模式对话框关闭时调用javascript函数。如何附加,比如updateTable();关于关闭事件 我试过了 首先,使用jQuery时不必添加onclick属性。 假定 $
<a href="http://url/" onclick="$(this).modal({width:833, height:453}).open(); return false;">
可以,但我希望在模式对话框关闭时调用javascript函数。如何附加,比如updateTable();关于关闭事件
我试过了
首先,使用jQuery时不必添加onclick属性。
假定
$(this)引用实际上引用了a标记,您可能希望使用一个名为dialog的div,如下所示:
<div id="dialog"></div>
更新:根据您的评论。试试这个
<head>
<!-- Include your script tags here to load the jQuery and simplemodal scripts -->
<script type="text/javascript">
$(document).ready(function(){
$("#clicker").click(function(){
$("#dialog").modal({onClose: function(){
alert("Closing");
}
});
return false;
});
});
</script>
</head>
<body>
<div id="dialog"></div>
<a href="#" id="clicker">Click</a>
</body>
$(文档).ready(函数(){
$(“#clicker”)。单击(函数(){
$(“#对话框”).modal({onClose:function(){
警报(“关闭”);
}
});
返回false;
});
});
如果我理解正确,您希望
- 单击链接(例如,使用id clicker)
- 此
href中URL定义的页面
JavaScript
var c = function closer() {
$.modal.close();
alert("Done!");
}
$(document).ready(function() {
$("#clicker").click(function() {
$.modal(
'<iframe src="'+this.href+'" width="833" height="453">asd</iframe>',
{onClose:c}
);
return false;
});
});
var c=函数closer(){
$.modal.close();
警报(“完成!”);
}
$(文档).ready(函数(){
$(“#clicker”)。单击(函数(){
美元模态(
“asd”,
{onClose:c}
);
返回false;
});
});
检查工作样本谢谢您的帮助。。。不使用onClick肯定会使代码更整洁,但不幸的是,当我关闭模式时,它没有运行我的代码。。。我尝试了一个简单的提醒(“你好”);而且它不起作用…请原谅我的无知,但我为什么要离婚?我加载的内容是外部的,在模式内部,它获取clicker href上的任何内容,并将其作为iframe加载。我需要做的就是知道用户何时关闭对话框,以便我可以刷新页面上的内容。原始代码中的$(this)指的是作为链接的a标记。这就好像你正在链接到模态对话框,我怀疑这是你想要的。您希望使用另一个容器(如div)来实现此目的。否则,您可以使用任何其他您喜欢的容器。谢谢您的帮助,但上面的代码仍然不起作用。。。首先,它甚至不会打开模式,所以我在其中添加了.open(),此时它会打开模式,但不会打开href中的URL,而是尝试打开“undefined”,最后,当我按X时,它不会发出应有的警报。。。。这个代码真的对你有用吗?我正在尝试两种浏览器…Vincent,只是为了回答您的评论,我确实希望链接作为我的模式,因为它会导致模式窗口包含链接的内容(类似于iframe)。。。这正是我想要的。。。这一部分已经在我的原始代码中运行,但我现在想要的是捕获结束,以便我能够处理它。
$("#dialog").modal(...)
<head>
<!-- Include your script tags here to load the jQuery and simplemodal scripts -->
<script type="text/javascript">
$(document).ready(function(){
$("#clicker").click(function(){
$("#dialog").modal({onClose: function(){
alert("Closing");
}
});
return false;
});
});
</script>
</head>
<body>
<div id="dialog"></div>
<a href="#" id="clicker">Click</a>
</body>
<a href="http://www.google.com" id="clicker">Click me!</a>
var c = function closer() {
$.modal.close();
alert("Done!");
}
$(document).ready(function() {
$("#clicker").click(function() {
$.modal(
'<iframe src="'+this.href+'" width="833" height="453">asd</iframe>',
{onClose:c}
);
return false;
});
});