简单模态 - 不止一个

Question

我正在使用simplemodal-demo-basic-1.4.1，并且我无法使用它在页面上打开多个窗口（我不需要它们同时打开或在一个页面上打开另一个）。 我尝试添加另一个类并在我的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