Question

我有点问题。我有两个不同的Modal Windows。在每个窗口中都有不同JS函数的按钮。

我的第一个模态窗口有一个提交按钮（#subButton）并触发此JS

 $('#subButton').on('click', function (e) {
    e.preventDefault();
    doSubmit();
});

我的第二个模态窗口有一个删除按钮（#delButton），应该触发这个JS

  $('#delButton').on('click', function (e) {

    if (confirm('Are you Sure?')) {
      e.preventDefault();
      doDelete();
     }
});

问题是，只有第一个Modal Window-Button工作。第二个莫代尔正确显示，但他的按钮不起作用。

我的PHP看起来像：

 <div id="SubmitModal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
     aria-hidden="true">
  ...
  <button type="submit" class="btn btn-primary" id="subButton">Send</button>
  ...
  ...
   <div id="DeleteModal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
     aria-hidden="true">
  ...
  <button type="submit" class="btn btn-primary" id="delButton">Send</button>

如果我改变了Modal Windows的顺序，那只是第一件作品。我应该改变什么？ Booth JS Functions工作

问候

Bootstrap：单击JS的多模态Windows

0 个答案: