JQuery“引导确认”插件不显示在第二次点击

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() 将仅在单击按钮后显示确认对话框，但它也适用于后续单击。