0

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

            }
        }
    });
});

4

0 回答 0