我在我的应用程序中使用jquery对话框。在每次产品点击时,我将部分视图显示为模式弹出窗口.Modal弹出窗口包含两个按钮,即下一个产品和上一个产品。 在下一个产品点击,下一个产品diaplay在模态弹出窗口中的详细信息,反之亦然。第一次工作正常,但下次当我试图点击下一个按钮显示下一个产品时,在后台打开另一个对话框。我在对话框中使用以下代码:
<script type="text/javascript">
$(function () {
$("#show_dialog").dialog({
height: 450,
width: 900,
modal: true,
position: { my: "center", at: "center", of: window },
buttons: {
"Previous Product": function () {
if ('@ViewBag.PrevProduct' != "") {
$.ajax({
url: '@Url.Action("_ProductDetail", "Customer")',
data: { 'ProductId': '@ViewBag.PrevProduct', 'GroupId': null },
dataType: "html",
type: "POST",
error: function (data) {
},
success: function (data) {
$("#dialog_data").html(data);
}
});
}
else {
$(":button:contains('Previous Product')").prop("disabled", true).addClass("ui-state-disabled");
}
},
"Next Product": function () {
if ('@ViewBag.NextProduct' != "") {
$.ajax({
url: '@Url.Action("_ProductDetail", "Customer")',
data: { 'ProductId': '@ViewBag.NextProduct', 'GroupId': null },
dataType: "html",
type: "POST",
error: function (data) {
},
success: function (data) {
$("#dialog_data").html(data);
}
});
}
else {
$(":button:contains('Next Product')").prop("disabled", true).addClass("ui-state-disabled");
}
}
}
});
});