Ajax 调用后关闭引导模式答案

【问题标题】：Close bootstrap modal after Ajax callAjax 调用后关闭引导模式
【发布时间】：2019-09-12 07:45:30
【问题描述】：

我想在 Ajax 调用后关闭 bootstrap-modal。为此，我称之为$(myid).modal('close')。这个事件被调用，但不是以正确的方式。同样，模态框消失了，但灰色的叠加并没有因为某种原因而淡出。下面我放了一些东西以供查找并帮助我。

非常感谢。

如果我在ajax_dashboard_listing() 函数上方写下最后两行，则正确隐藏

$('body').on('click', '.ajx', function() {    
        $id = $(this).data('target');        
        salesRepId = $(this).data('id');

        var data = {
            "target_id": $(this).data('target'),
            "target":  $('#target_'+$id).val(),
        }

        ajax_dashboard_listing(data);

        $('#exampleModalCenter_'+$id).modal('hide');
        return;        
    });

【问题讨论】：

你能提供它的 HTML，以便我们知道问题的确切程度
html 里面什么都没有。非常常见的引导模式 html 代码。主要问题是 ajax 调用后模态框未正确关闭。
给我笔或小提琴

标签： jquery twitter-bootstrap bootstrap-4

【解决方案1】：

将 close-btn 类添加到您的关闭按钮模式并尝试以下操作：

$('.close-btn').click()

【讨论】：

【解决方案2】：

$('#modal').modal('toggle');

试试这个。它对我有用。

【讨论】：

得到与隐藏相同的结果。但是应该有ajax调用。