Jquery ui MVC4中的jquery模式弹出窗口工作不正常

我在应用程序中使用jquery对话框。每次单击产品时，我都会以模式弹出窗口的形式显示部分视图。模式弹出窗口包含两个按钮，即下一个产品和上一个产品。 单击下一个产品时，下一个产品的详细信息将显示在模式弹出窗口中，反之亦然。第一次工作正常，但下一次当我试图点击下一步按钮来显示下一个产品时，另一个对话框在后台打开。我正在为对话框使用以下代码：

<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");
                }

            }
        }
    });
});

$（函数（）{
$（“显示对话框”）。对话框({
身高：450，
宽度：900，
莫代尔：是的，
位置：{my:“center”，在“center”，of:window}，
按钮：{
“以前的产品”：功能（）{
如果（'@ViewBag.PrevProduct'！=''）{
$.ajax({
url:'@url.Action（“\u ProductDetail”，“Customer”），
数据：{'ProductId'：'@ViewBag.PrevProduct'，'GroupId'：null}，
数据类型：“html”，
类型：“POST”，
错误：函数（数据）{
},
成功：功能（数据）{
$（“#dialog_data”）.html（数据）；
}
});
}
否则{
$（“：按钮：包含（'Previous Product'））.prop（“disabled”，true）.addClass（“ui状态disabled”）；
}
},
“下一个产品”：功能（）{
如果（'@ViewBag.NextProduct'！=''）{
$.ajax({
url:'@url.Action（“\u ProductDetail”，“Customer”），
数据：{'ProductId'：'@ViewBag.NextProduct'，'GroupId'：null}，
数据类型：“html”，
类型：“POST”，
错误：函数（数据）{
},
成功：功能（数据）{
$（“#dialog_data”）.html（数据）；
}
});
}
否则{
$（“：button:contains（'Next Product'））.prop（“disabled”，true）.addClass（“ui状态disabled”）；
}
}
}
});
});

---

尝试在没有ajax的情况下调用，并检查它是否正常工作或可能是

@ViewBag。PrevProduct

值为空。感谢您的回复。。我尝试过不使用ajax，但没有成功，@ViewBag.PrevProduct值不为null..嘿，您是否为弹出窗口正确添加了

Jquery

、

Jquery-ui-1.10.2.custom.min.js

和

Jquery-ui-1.10.2.custom.min.css

文件？是的。。我已经添加了所有这些文件。。