jQuery的simplemodal调用另一个simplemodal(Jquery simplemo

2019-10-20 23:47发布

我想打电话给在现有模式的链接另一个simplemodal。

我使用的是OSX模式。

我怎样才能做到这一点 ?

Answer 1:

SimpleModal只支持一种模式同时打开。

而不是打开一个新的,你可以得到你想要的内容,并用它取代现有的内容。



Answer 2:

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

我认为应该改为$.modal.update(); 这里只有一个有史以来模态对话框,这样你就不必指定哪一个。



Answer 3:

有太多的方法可以实现这一目标。 我会告诉你是其中之一:

一)假设你是“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的负载():

主页上或脚本的页面上,创建一个空的隐藏的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)
 .......

不管怎么说,如果你是一个“代码借款人” ......像我,你可能有麻烦undertanding以上,但在任何情况下,我希望我已经帮你。



文章来源: Jquery simplemodal call another simplemodal