javascript - JQuery "Boostrap Confirmation"插件在第二次单击时不显示

Question

当我第二次单击时，确认框未显示，当我将确认从 MVC 操作(重定向)更改为 Ajax 方法时，它停止工作。

可能是因为我不再刷新页面了。我该如何解决？重置 BootStrap.Confirmation 变量？

// Submit (Approve, Disaprove, SetPending, SetBilled)
$('#divSetStatus button').click(function (e) {
    e.preventDefault();

    // Check if there is an item selected
    var totalSelected = TableManaged.GetSelectedRowsTotal($('#datatableList'));
    if (totalSelected > 0) {

        // select button pressed
        var newStatus = e.target.value;
        var button = $('button[value=' + newStatus + ']');
        var selectedRows = TableManaged.GetSelectedRowsIds($('#datatableList')).toString();

        // initialize Bootstrap.Confirmation plugin
        button.confirmation({
            singleton: true,
            popout: true,
            onConfirm: function () {

                // Set Status
                $.ajax({
                    type: 'GET',
                    url: baseUrl + "TimeSheetManagement/SetStatus",
                    data: {
                        screen: $('#hdnScreen').val(),
                        status: newStatus,
                        ids: selectedRows
                    },
                    success: function (data) {
                        // do something
                    }
                });
            }
        });

        // Asks for a confirmation
        button.confirmation('show');

    }
});

Answer 1

我也有类似的问题。发生这种情况是因为我使用了

$('#divSetStatus button').confirmation('show');

而不是

$(document).ready(function() { $('#divSetStatus button').confirmation(); });

button.confirmation() 仅在单击按钮后显示确认对话框，但它也适用于后续单击。