在Ajax调用后关闭引导程序模态

时间:2019-04-23 07:00:07

标签: jquery twitter-bootstrap bootstrap-4

我想在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;        
    });

2 个答案:

答案 0 :(得分:1)

Vue.component('xc-tbody', { render(create) { return create('tbody', this.$slots.default) }, })

尝试这个。它对我有用。

答案 1 :(得分:0)

将类close-btn添加到您的解雇按钮模式中,然后尝试以下操作:

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