Question

单击“保存”按钮时，我有以下javascript函数。以下是一些代码：

   function SaveChanges() {
    if (PreSaveValidation()) {
        // Confirm with user for special case for option C
        if ($(".editable-unsaved[data-value='C']").length > 0) {
            $("#confirmExplicitlyDefinedPercentages").modal("show");
        } else {
            saveNextMonth = false;
        }
        // Save modified rows in selected month
        var rowsToSave = [];
        var rowTypes = [];

问题是在bootstrap div上调用modal（＆＃34; show＆＃34;）不会显示弹出窗口。弹出窗口应该等待用户设置变量saveNextMonth的值。其余代码使用此变量来保存数据（未显示）。

弹出窗口似乎出现了（我认为它是一个z-index问题，因为我看到它通过快速出现和消失而闪烁）。其余的代码会立即执行，而不必等待弹出的答案，这不是我想要的。

起初我认为这是html以及我如何定义div但是当我对模态进行一次孤独的调用时（＆＃34; show＆＃34;），它会弹出，所以它不是那样的。

有人可以解释为什么弹出窗口没有出现以及代码为什么不等待？

Answer 1

twitter bootstrap模式弹出窗口不会等待您调用modal（）方法的行上的用户。当您按照上面显示的方式编写代码时，弹出窗口会显示并消失并继续执行。

我所做的是从SaveChanges（）函数中删除modal（）调用并将其放在自己的函数中，然后让模态弹出窗口中的一个按钮调用SaveChanges（）函数。

Bootstrap弹出窗口不会等待用户的回答

1 个答案: