jquery - gridview 的 gridview 中的 jquery 选项卡在 ASP.NET 上不起作用

Question

我的 gridview 详细信息控件（gridview 内的 gridview）中的 JQuery 选项卡有问题。它可以将选项卡显示为主网格视图的详细信息，但是每当我单击第二个选项卡时，它都不会显示第二个选项卡内的文本。这是我的代码：

<asp:GridView ID="grdActivity" runat="server" AutoGenerateColumns="False" DataSourceID="sqlApprovals" DataKeyNames="TestId"
        OnRowDataBound="grdActivity_RowDataBound">
        <Columns>
              <asp:TemplateField>
                <ItemTemplate>
                    <asp:ImageButton runat="server" ImageUrl="../Images/edit.png" Width="20" Height="20"  CommandName="Select" />
                </ItemTemplate>

            </asp:TemplateField>
            <asp:TemplateField ItemStyle-BorderStyle="Solid">
                 
                <ItemTemplate >
                   <!-- <img alt = "" style="cursor: pointer" src="../Images/plus.jpg" width="20" height="20" />-->
                    <a href="JavaScript:divexpandcollapse('div<%# Eval("TestId")%>');">
                    <img alt="Details" id="imgdiv<%# Eval("TestId")%>" src="../Images/plus.jpg" width="20" height="20" />
                </a>
                    <!-- <asp:Panel ID="pnlOrders" runat="server" >-->
                    <div id="div<%# Eval("TestId")%>" style="display: none;">
                        <script type="text/javascript">
                            $(document).ready(function () {
                                $("#tabs<%# Eval("TestId")%>").tabs();
                                $("#tabs<%# Eval("TestId")%>").click(function () {
                                    $("#tabs<%# Eval("TestId")%>").tabs();
                                });
                                //{ event: "click" }
                            });
                        </script>
                        
                        <div id="tabs<%# Eval("TestId")%>">
    <ul>
        <li><a href="#tabs<%# Eval("TestId")%>-1">Details</a></li>
        <li class="on"><a href="#tabs<%# Eval("TestId")%>-2">Approval Status</a></li>
    </ul>
    <div id="tabs<%# Eval("Sysid")%>-1">
        
        <asp:GridView ID="grdDetails" runat="server" AutoGenerateColumns="false" EmptyDataText="No Data" ShowHeaderWhenEmpty="true" BorderStyle="Solid" 
                              >
                             <Columns >
                                 <asp:BoundField DataField="TEST1" HeaderText="TEST1" SortExpression="TEST1" ItemStyle-Width="100" ItemStyle-BorderStyle="Solid" DataFormatString="{0:MM/dd/yyyy}"  />
                                 <asp:BoundField DataField="TEST2" HeaderText="TEST2" SortExpression="TEST2"  ItemStyle-Width="100" ItemStyle-BorderStyle="Solid" />
                                 

                             </Columns>
                         </asp:GridView>
    </div>
    <div id="tabs<%# Eval("Sysid")%>-2">
        Content 2
    </div>
   
</div>                     
                        </div>
                     <!--</asp:Panel>-->

                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="testID" HeaderText="testID" ReadOnly="True" SortExpression="testID" Visible="false"  />
            <asp:BoundField DataField="TestValue" HeaderText="testID" ReadOnly="True" SortExpression="testID" ItemStyle-HorizontalAlign="left" />
           
        </Columns>
    </asp:GridView>

我设法输出选项卡，但无法查看或导航我的第二个选项卡。请参阅下面的输出： 我希望有人可以帮助我。

标签： jqueryasp.netvb.net