【问题标题】:How to enable and disable backdrop static modal inside of ajax如何在 ajax 中启用和禁用背景静态模式
【发布时间】:2021-03-30 13:02:14
【问题描述】:

我对模态背景静态有疑问。 我尝试了几种解决方案,但都不起作用。

比如删除属性。

$("#loading_modal").attr( "data-backdrop" );
$("#loading_modal").attr( "data-keyboard" );
//or
$("#loading_modal").data("bs.modal").options.backdrop = true;
$("#loading_modal").data("bs.modal").options.keyboard = true;

这是我的代码:

$.ajax({
        url: "url",
        method: 'POST',
        data: {
            operation: operation
        },
        dataType: 'json',
        beforeSend: function() {
            $('#loading_modal').modal({
                backdrop: 'static',
                keyboard: false,
                show: true
            });
            $("#now_loading").show();
        },
        success: function(data) {
            $('#loading_modal').modal({
                backdrop: 'static',
                keyboard: true,
                show: true
            });
            $("#modal_body").html(data.html);
            $("#now_loading").hide();
        }
    );

我只想在发送 ajax 之前.. 它会打开模式并阻止用户关闭它。 但是当 ajax 成功时,用户应该能够通过在模式外部单击来关闭它。

【问题讨论】:

    标签: jquery ajax bootstrap-4 modal-dialog bootstrap-modal


    【解决方案1】:

    将此用于引导程序 4.X:

    $("#loading_modal").data("bs.modal")._config.backdrop = "static"; $("#loading_modal").data("bs.modal")._config.keyboard = false;

    这对我有用

    【讨论】:

      猜你喜欢
      • 2017-06-13
      • 2017-07-02
      • 2018-01-18
      • 2016-03-29
      • 2019-06-24
      • 1970-01-01
      • 2016-03-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多