在重新加载页面之前总是弹出多个引导程序模态

Question

我有问题，我使用触发器将数据填充到两个模态引导程序（现在页面上有三个模态），当我重新加载页面时出现问题，然后在当前页面上几乎模态化以显示弹出窗口，直到页面完成重新加载。而且我想在刷新页面时隐藏所有这些模式

这是我在调用模式显示时的代码触发器

$('#add-detail').on('show.bs.modal', function (e) {
        var animation = "bounceInDown";
        setAttrModalAnimation(animation);
        blankError();
        // var modal =$(this);
        $('#wf_group_name').val("");
        const input = document.getElementById('wf_group_name');
        addFormatter(input, regexPrefix(/^WF_/, 'WF_'));
        $('#wf_group_user').val([]).trigger("change");
        //wf_group_user
        $("#wf_group_user").on("change", function () {
            var this_id = $(this).attr("id");
            var check_all_flag;
            if($("#wf_group_user").val())
            {
                check_all_flag = $.inArray("@all",$("#wf_group_user").val());
                if(check_all_flag && check_all_flag > 0)
                {
                    console.log("@all");
                    $("#wf_group_user").val("@all").trigger("change");
                }
            }
        });
    });
function setAttrModalAnimation(animation) {
        $('.modal .modal-dialog').attr('class', 'modal-dialog ' + animation + ' animated');
    };

这把隐藏模式的触发器

$('#add-detail').on('hiden.bs.modal', function (e) {
        $(e.target).removeData('bs.modal');
        var animation = "fadeOutUpBig";
        setAttrModalAnimation(animation);
        // $(e.target).removeData('bs.modal');
    });

请帮助我，谢谢大家