我使用 MVCHaack.ajax 通过 javascript 调用控制器函数。在调用该函数之前,我会显示一个 jquery 对话框。当我在视图中使用它时,一切都很完美,但是当我调用母版页时,对话框显示为文本块而不是对话框。这是我的母版页代码:
<script src="/json/RequestVIP?json"></script>
<script src="@Url.Content("~/Scripts/RequestVIP.js")" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#vipdel').click(function () {
$("#messagec").replaceWith("<span id=messagec>آیا از حذف عضویت ویژه مطمئن هستید؟</span>");
$("#dialog-confirm").dialog({
buttons: {
"بلی": function () {
$mvc.RequestVIP.Delete({ customerId: $("#hdnId").val() }).success(function (data) {
$("#messagec").replaceWith("<span id=messagec>" + data.message + "</span>");
$("#dialog-confirm").dialog({
buttons: {
"تایید": function () {
$(this).dialog("close");
}
}
});
$("#dialog-confirm").dialog("open");
});
},
"خیر": function () {
$(this).dialog("close");
}
}
});
$("#dialog-confirm").dialog("open");
// alert(data.message);
});
});
</script>
<div class="section">
<h2 class="title">• عضویت ویژه</h2>
@Html.Hidden("hdnId", @User.Identity.Name.Trim())
<button style="width:150px;vertical-align:middle" id="vipreq"><img src="@Url.Content("~/images/join.png")"/>درخواست عضویت ویژه</button><br/>
<button style="width:150px;vertical-align:middle" id="vipdel"><img src="@Url.Content("~/images/deljoin.png")"/>حذف عضویت ویژه</button><br/>
<button style="width:150px;vertical-align:middle" id="viprev"><img src="@Url.Content("~/images/rejoin.png")"/>تمدید عضویت ویژه</button><br/>
</div>
<div id="dialog-confirm" title="عضویت ویژه">
<p>
<span class="ui-icon ui-icon-alert" style="font-family: Tahoma; float: right; margin: 0 7px 20px 0;">
</span><span id="messagec"></span>
</p>
</div>