Question

我的代码存在这个问题，我从外部文件动态加载模态内容，但是当我尝试在加载后更改该文件中的div的html时，它会快速出现并消失，有人会知道为什么？干杯

代码在这里：

外部模态内容

<div class='modal-dialog' role='document'>
    <div class='modal-content'>
        <form role='form' action='controlPanel' class='form-horizontal' method='POST'  enctype='multipart/form-data' style='margin-left: 1%;'>
        <div class='modal-header'>
            <button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>
            <h4 class='modal_title' id='modal-title'>Delete user(s)</h4>
        </div>
        <div class='modal-body'>
            <h5>Please confirm that you want to delete following users:<br/></h5>
            <div id="modal-data">

            </div>
            <span class="text-danger"><i class="fa fa-exclamation" aria-hidden="true"></i> After deleted user accounts can't be restored.</span>
        </div>
        <div class='modal-footer'>
            <input type='submit' id='formSubmit' class='btn btn-primary' value='Delete' name='newUser' onclick='checkForm(7, event);'>
            <button type='button' class='btn btn-default' data-dismiss='modal'>Close</button>
        </div>
        </form>
    </div>
</div>

JS功能

function delete_user(){
        var users = "";
        $("input[id^='rowInput']").each(function(){
            if($(this).prop("checked") == true)
            {           
                users = users + $(this).data('name') + "<br/>";
            }
        });
        update_modal("controlPanel", "delete-user");
        $("#modal-data").html(users);
        show_modal();
}
function update_modal(page, url){
    $('#modal').load('../templates/'+page+'/modals/'+url+'.php');
}
function show_modal(){
    $('#modal').modal('show');
}

在.load之后，html（）发生了变化但瞬间消失了

0 个答案: