在下面的代码中,我尝试关闭来自 jquery 的弹出表单,并且在我单击 no 按钮时不提交操作,并在单击 delete 时删除。它以前工作过,但现在即使我单击取消,表单也会提交给控制器并完成删除操作。出了什么问题?如何使取消按钮关闭弹出窗口但不提交。请帮助!
@using (Html.BeginForm())
{
<fieldset style="width:70%;">
@Html.Hidden("CnoType", Model.CnoType, Model)
<b> Description: </b>
@Html.DisplayFor(Desc=>Model.CNoDesc)<br />
<b> Prefix:</b>
@Html.DisplayFor(Prefix=>Model.CnoPrefix)<br />
<b>Is Enable</b>
@Html.CheckBox("IsEnable", Model.IsEnable, Model)
</fieldset>
<input id="btn" type="submit" value="Delete" />
<button class="Close">Cancel</button>
}
这是我的jQuery
<script type="text/javascript">
$.ajaxSetup({ cache: false });
$(document).ready(function () {
$(".openDialog").live("click", function (e) {
e.preventDefault();
$("<div></div>")
.addClass("dialog")
.attr("id", $(this)
.attr("data-dialog-id"))
.appendTo("body")
.dialog({
title: $(this).attr("data-dialog-title"),
minWidth: 500,
minHeight: 100,
resizable: false,
close: function () { $(this).remove() },
modal: true
})
.load(this.href);
});
$(".close").live("click", function (e) {
e.preventDefault();
$(this).closest(".dialog").dialog("close");
});
});
</script>
e.preventDefault() 似乎不起作用