简单模态 - 多个

Question

我正在使用simplemodal-demo-basic-1.4.1，并且iam无法使用它在页面上打开多个窗口（我不需要它们在相同的位置打开时间或者彼此重叠）。 我尝试添加另一个类并在我的js文件中调用该类，但我没有收到它。我确定我错过了一些东西。可以帮忙吗？

Answer 1

我假设你正在谈论的demo available on the simplemodal Google Code project

这是我不得不做第二模态对话框添加到演示：

以下HTML添加到index.html的：

• 的content DIV中：

  <!-- second modal content --> 
  <div id="basicTwo-modal-content"> 
      <h3>Basic Two Modal Dialog</h3> 
      <p>The Second Modal</p> 
  </div> 
  

• 的basic-modal DIV中：

  <input type='button' name='basicTwo' value='Demo Two' class='basicTwo'/> or <a href='#' class='basicTwo'>Demo Two</a> 
  

添加以下CSS来basic.css：

#basicTwo-modal-content { display: none; } 

添加以下JavaScript对jQuery负载处理程序中basic.js：

$('#basic-modal .basicTwo').click(function (e) { 
     $('#basicTwo-modal-content').modal(); 

     return false; 
    }); 

Working Demo