javascript - 如何在弹出窗口时停止执行代码？

Question

我有这个功能:

    this.foo = function (old, newVal) {
        $('#myModal').modal('show');

        var f = "ddd";
        var oldval = old;
        var newVal = newVal;
    }

正如您所看到的，函数内部调用了弹出窗口。

这里是窗口的定义:

 <!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">  
      <!-- Modal content-->
        <button type="button" class="btn btn-default" data-dismiss="modal">Yes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">No</button>    
    </div>
</div>

我需要弹出窗口，并且只有在用户在弹出窗口上单击"is"或“否”后，才会在 foo() 函数中执行此行(即我需要在弹出窗口上进行延迟) :

    var f = "ddd";
    var oldval = old;
    var newVal = newVal;

知道如何实现它吗？

Answer 1

对此应该有不同的方法，下面是一个示例，可以为您提供一个想法。基本上，您可以使用模式的 shown 和 hidden 事件来实现这一点。

假设您的模态上有一个 ID 为 btn_ok 的按钮，然后在您的 shown 事件回调中，绑定(bind)到该按钮的 onclick 事件并将值分配给一个变量，该变量将在 hidden 事件回调中进行评估(当模式消失时)。

this.foo = function (old, newVal) {
        var m = $('#myModal');
        var btn_ok_selected = false;

        m.on('shown.bs.modal', function() {
            var btn_ok = m.find('#btn_ok');

            btn_ok.click(function() {
                btn_ok_selected = true;
            });
        });

        m.on('hidden.bs.modal', function() {
            if (btn_ok_selected === true) {
                var f = "ddd";
                var oldval = old;
                var newVal = newVal;

                // more code here

            }
        });

        m.modal('show');

    }