Javascript Jquery模式自动关闭

Javascript Jquery模式自动关闭,javascript,jquery,asp.net-mvc,modal-dialog,bootstrap-modal,Javascript,Jquery,Asp.net Mvc,Modal Dialog,Bootstrap Modal,我有这个jquery代码 $(document).ready(function () { $('.btn.btn-primary.patientId').on('click', function (e) { var $this = $(e.target), $tr = $this.closest("tr"); var cid = $tr.find(".hdncid").

我有这个jquery代码

$(document).ready(function () {
$('.btn.btn-primary.patientId').on('click',
            function (e) {
                var $this = $(e.target),
                    $tr = $this.closest("tr");
                var cid = $tr.find(".hdncid").eq(0).val();
                var search;
                    eLoader(true);
                loadUsers('/Companies/AssociateWithCaregiver', true);

    function loadUsers(url, addData) {
        $.get({
            url: url,
            data: addData ? { id: cid, search: search } : {}
        }).done(function (e) {
            eLoader(false);   
            $("#listOfCaregivers .modal-body").html(e);
            $('.btn.btn-primary.submit').click(function () {
                $("#searchForm").submit();
                search = $('#search').val();
                loadUsers('/Companies/AssociateWithCaregiver', true);
            });
            $('.btn.btn-primary.addcaregiver').click(function (b) {
                var $thiscaregiver = $(b.target),
                    $tr = $thiscaregiver.closest("tr");
                var caregiverid = $tr.find(".cgcid").eq(0).val();
                $.post("/Companies/Associate", { patientId: cid, caregiverId: caregiverid });
                $('.close').click();
            });
            $('.btn.btn-default.btn_delete.removecaregiver').click(function (b) {
                var $thiscaregiver = $(b.target),
                    $tr = $thiscaregiver.closest("tr");
                var caregiverid = $tr.find(".cgcid").eq(0).val();
                $.post("/Companies/AssociateRemove", { patientId: cid, caregiverId: caregiverid });
                $('.close').click();
            });

        }).fail(function (e) {
            eLoader(false);
钮扣 @Html.TextBoxsearch,新建{占位符=搜索医务人员,@class=表单控件} 搜索

问题是,当我打开模式窗口-获取数据并想要搜索时,我单击search.btn.btn-primary.submit,然后我收到了过滤后的数据,但几秒钟后模式窗口就会自动关闭。在这之后,我可以看到 地址栏我的链接+?搜索=“我的搜索请求”

我的代码出了什么问题?请帮帮我。
谢谢。

单击按钮的默认行为将提交表单,这就是模式关闭和地址更改的原因

有两种方法可以解决这个问题,可以向按钮添加type=button属性,也可以为表单添加侦听器并返回false以防止提交

e、 g $'your_form'.submitfunction{return false;}

在ajax请求保持模型打开之前,可以尝试e.preventDefault阻止表单提交吗

$('.btn.btn-primary.submit').click(function (e) {
        e.preventDefault();
        //$("#searchForm").submit();
        search = $('#search').val();
        loadUsers('/Companies/AssociateWithCaregiver', true);
});

能否为btn.btn-primary.patientId添加html片段?如果它是一个提交按钮,您可以使用以下命令阻止默认操作:e.preventDefault$searchForm.submit;您的表单是ajaxForm吗?您是否解决了问题e.preventDefault;-不起作用。它在e.preventDefault之后立即关闭窗口;您是否对此/$searchForm.submit发表了评论;分手?对不起。你说得对!这是工作!非常感谢你。它看起来像$searchForm.submit;没必要。我明白了,但我没有足够的声誉来做这件事。但是谢谢你。