Javascript Jquery模式自动关闭
我有这个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").
$(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;没必要。我明白了,但我没有足够的声誉来做这件事。但是谢谢你。