Jquery simplemodal调用另一个simplemodal

Question

我想从现有模式中的链接调用另一个简单模式。

我使用的是OSX模式。

我该怎么做呢？

Answer 1

SimpleModal一次只支持一个模式打开。

您可以获取想要的内容，并用它替换现有内容，而不是打开新的内容。

Answer 2

$('#myModal').modal.update();

我认为应该是$.modal.update();，因为只有一个模式对话框，所以你不必指定是哪一个。

Answer 3

要做到这一点，有太多的方法。我将向您展示其中的一个：

a)假设你正在“简单建模”一个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)
 .......

不管怎样，如果你是一个“代码借用者”...像我一样，你可能在理解上面的问题上有困难，但无论如何，我希望我已经帮助了你。