如何使用SimpleModal进行回调
如何使用SimpleModal进行回调
提问于 2009-11-17 22:24:36
我一直无法从simplemodal中捕获onclose。请帮我一把，如果你可以，因为我是新来的jQuery…
<a href="http://url/" onclick="$(this).modal({width:833, height:453}).open(); return false;">工作，但我想在模式对话框关闭时调用一个javascript函数。如何将updateTable()；附加到close事件？？
我试过了
<a href="" onclick="$(this).modal({onClose: alert(1);$.modal.close();}).open();"
以及所有这些愚蠢的变体，但老实说，看着示例页面中的嵌套函数只会让我感到头晕(第二个示例也有href，但它不允许我在这里发布它)……
回答 2
Stack Overflow用户
回答已采纳
发布于 2009-11-18 01:34:50
如果我没理解错的话，你想
- 单击链接(例如，使用id点击器)
- 此
<a href="...">标记的href中的URL定义的页面应为模态内容 - 当用户关闭模式时，您想要触发某些操作并关闭模态
HTML：
<a href="http://www.google.com" id="clicker">Click me!</a>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;
});
});查看http://jsbin.com/ofimi以获取工作样本
Stack Overflow用户
发布于 2009-11-17 22:31:44
首先，在使用jQuery时，您不必添加onclick属性。假设
<a id="clicker" href="http://url/" >Click</a>然后
$(document).ready(function(){
$("#clicker").click(function(){
$(this).modal({width:833, height:453, onClose: function(){
//your code here}})
.open();
return false;
});
});$(this)引用实际上指的是a标记，也许您可能想要使用名为dialog的div，如下所示：
<div id="dialog"></div>并将jQuery更改为
$("#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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1752303
复制相关文章
相似问题
无法访问Azure容器服务
WebDriver容器无法访问DockerComposeContainer服务
服务结构容器-无法访问群集内的服务
使用Kubernetes的Azure容器服务-无法访问Internet的容器
Azure容器服务容器无法访问除80以外的其他端口
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
