mvc 4中的jquery模式弹出窗口无法正常工作

时间:2013-05-01 09:54:20

标签: jquery-ui asp.net-mvc-4 jquery-dialog

我在我的应用程序中使用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");
                }

            }
        }
    });
});

0 个答案:

没有答案