Question

当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中。为什么在更改GridView的页面后单击按钮时，jQuery对话框中的选项卡不会显示？

更改gridview页面后，jQuery选项卡不起作用

0 个答案: