我想从现有模态中的链接调用另一个simplemodal。
我正在使用OSX模式。
我该怎么做?
答案 0 :(得分:2)
SimpleModal一次只支持一个模态打开。
您可以获取所需的内容,而不是打开新内容,而是用它替换现有内容。
答案 1 :(得分:1)
$('#myModal').modal.update();
我认为应该是$.modal.update();
只有一个模态对话框,所以你不必指定哪一个。
答案 2 :(得分:0)
实现这一目标的方法太多了。我会告诉你其中一个:
a)假设你是“simpleModal-ing”一个id为“myDisplay”的div:
<div id='myDisplay' style='.........'></div>
b)首先,您在该页面(div)中加载了表单的内容
<div id='myDisplay' style='.........'>
<form ............>
<input this>
<input that>
<submit onClick='updateMyDisplay'>
</form>
</div>
c)在您的页面之间的某处,放置更新脚本:
<script type='text/javascript'> //remember that you could/should have only one of this
function updateMyDisplay() {
//plain html/javascript
document.getElementById('myDisplay').innerHTML="Thank you!";
.. or ..
//jquery
$('#myDisplay').html("Thank you!");
}
</script> //again : could/should have only one of this
......实现这样的事情的最佳方式(单个模态的多个显示)是使用jQuery load():
在主页面或脚本页面上,创建一个空的隐藏div:
<div id='myModal' style='......; overflow:auto; display:none; ' ></div>
然后,使用离线(同一页面中的非内容)html页面填充该div
myForm.html文件中的表单....... 感谢...在thankyou.html文件中
使用jquery(对我来说最简单的事情):
.......
$('#myModal').load('myForm.html');
$('#myModal').height('650px');
$('#myModal').modal();
.......
// on completion of the form:
$('#myModal').load('thankyou.html');
$('#myModal').modal.update(); // (Eric Martin, himself, sent me this tip through Twitter)
.......
无论如何,如果你是“代码借款人”......就像我一样,你可能会遇到上述问题,但无论如何,我希望我能帮助你。