Bootstrap （remote）事件监听多次

2019独角兽企业重金招聘Python工程师标准>>>

解决Bootstrap  remote加载方式，导致的一下问题

1.事件监听多次；

2.二次加载页面数据清理；

3.没有动态删除验证器。

解决方法如下：

--打开modal页面
$('.batch').on("click", function () {
    $modal = $("#modal").modal({
        remote: '${ctx}/device/toBatchAdd'
    }).on('hide.bs.modal', function () {
        restModal($(this));
    }).on("shown.bs.modal",function() {
        $modal.find('.modal-title').text("设备批量添加");
    });
    $modal.modal('show');
});

--关闭modal页面
function restModal(t){
    //解决验证器未动态删除问题
    var bootstrapValidator=t.data('bootstrapValidator');
    if(bootstrapValidator!=null){
        bootstrapValidator.destroy();
        // $modal.data('bootstrapValidator',null);
    }
    //解决二次加载页面数据问题
    t.removeData("bs.modal");
    t.find(".modal-content").children().remove();

    t.off().on('hidden', 'hidden.bs.modal');//解决事件监听多次
}

 

转载于:https://my.oschina.net/whatwhy/blog/2248650