jquery - 在 Bootstrap 模式返回值之前不执行

Question

我正在使用 Bootsrap Modal在我的元素中。我无法发布我的代码。

所以我用这个 jsfiddle 来解释我的场景.

我有两个模式 modal1，modal2 并从 modal1 获取值并显示到 modal2。

一旦我运行下面的代码。我得到的不是一个一个的模态。

是否可以在 modal1 返回值之前停止执行。

  $('.btn').click(function() {
    $('#modal1').modal();
    var returnedvalue = $('#modalvalue').val();
    $('#Response').text(returnedvalue);
    $('#modal2').modal();
 });

完整代码 Fiddle

Answer 1

解决此问题的最简单方法是在第一个模态上的事件监听器中执行其余功能。修改你的功能，我想出了这个:

$('#opener').click(function() {
  $('#modal1').modal();
  $('#modal1').on('hidden.bs.modal', function (e) {
    var returnedvalue = $('#modalvalue').val();
    $('#Response').text(returnedvalue);
    $('#modal2').modal();
  });
});

我还更改了您的主按钮以具有一个 ID，这样您的事件监听器就不会监听对具有 .btn 类的元素的所有点击。

<a id="opener" class='btn btn-primary' data-direction='top'>Modal</a>

您可以在 this jsfiddle 中看到这个工作