Jquery simplemodal调用另一个simplemodal

时间:2010-04-06 20:06:09

标签: jquery simplemodal

我想从现有模态中的链接调用另一个simplemodal。

我正在使用OSX模式。

我该怎么做?

3 个答案:

答案 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)
 .......

无论如何,如果你是“代码借款人”......就像我一样,你可能会遇到上述问题,但无论如何,我希望我能帮助你。