0

GridView更改页面时，带有选项卡的 jQuery 对话框会消失。呈现页面时，我有一个按钮，单击该按钮会弹出一个带有选项卡的 jQuery 对话框，但在此页面上，我还有一个GridView，如果我更改网格视图的页面，然后再次单击应显示 jQuery 对话框的按钮带有标签 - 不显示标签。而是弹出对话框，但选项卡仅显示为列表项。这是我的 aspx 代码和 javascript 函数：

<div id="returning_dialog_form" title="Returning">
        <asp:UpdatePanel ID="UpdatePanel4" runat="server">
            <ContentTemplate>
                <ul>
                    <li><a href="#return_item_tab">Item</a></li>
                    <li><a href="#return_accessory_tab">Accessory</a></li>
                </ul>
                <div id="return_item_tab" title="Return Item">
                    <p>Enter the id of the item that you want to return: </p>
                    <asp:TextBox ID="TextBox1" runat="server" />
                    <br />
                    <asp:Button ID="return_item_button" runat="server" Text="Return item" OnClick="return_item_Click" />
                </div>
                <div id="return_accessory_tab" title="Return accessory">
                    <p>Enter the id of the accessory that you want to return: </p>
                    <asp:TextBox ID="TextBox2" runat="server" />
                    <br />
                    <asp:Button ID="return_accessory_button" runat="server" Text="Return accessory" OnClick="return_accessory_Click" />
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>

<script>
         $(function () {
             $("#returning_dialog_form").tabs();
         });
</script>

这是弹出 jQuery 对话框的代码：

<script type="text/javascript">
        var dialogOpts = {
            resizable: false,
            bgiframe: true,
            maxWidth: 320,
            maxHeight: 320,
            width: 320,
            height: 320,
            autoOpen: false
        };

        $('#returning_dialog_form').dialog(dialogOpts).parent().appendTo($("#form1"));;
        $(function () {
            $("#returning_dialog_form").dialog({
            });

            $("#return_item_button_dialog").click(function () {
                $("#returning_dialog_form").dialog("open");
                return false;
            });
        });
    </script>

GridView如果重要，则将其放置在 UpdatePanel 中。为什么在更改页面后单击按钮时不显示jQuery对话框中的选项卡GridView？

4

0 回答 0