jquery - 数据未显示在 asp:Repeater 内的可折叠 div 中

Question

我有一个显示一组数据的 aspx 页面。最外面的 div 是可折叠的，效果很好。然后我有一个 asp:repeater 来显示我的数据列表中的每条记录，然后我有每个记录的另一个可折叠 div。但是当我把最后一个 div 放在我的记录中时，这里没有显示代码：

<div id="EmailEvents" data-role="collapsible" data-collapsed="false" data-theme="b" data-content-theme="d" style="margin-left:8px;margin-right:8px;">
               <h3>Email Events</h3>                    
                    <asp:Repeater ID="rptEmailEvents" runat="server" >
                        <ItemTemplate>
                            <div id="EmailEvent<%#Eval("EmailEventId")%>" data-role="collapsible" data-content-theme="d" data-collapsed="true">
                                <div>
                                    <h3>Event: <%# Eval("EventType.Name") %> </h3>
                                </div>

                                <div>
                                    Response : <%# Eval("Response") %>
                                </div>
                                <div>
                                    Resend Attempt : <%# Eval("ResendAttempt") %>
                                </div>
                                <div>
                                    Click URL : <asp:HyperLink ID="hlClickURL" runat="server" NavigateUrl='<%# Eval("ClickURL") %>' Text= '<%# Eval("ClickURL") %>' />
                                </div>
                                <div>
                                    Reason : <%# Eval("Reason") %>
                                </div>
                                <div>
                                    Bounce Type : <%# Eval("BounceType") %>
                                </div>
                                <div>
                                    Bounce Status : <%# Eval("BounceStatus") %>
                                </div>
                                    <div>
                                    SmtpMessageId : <%# Eval("SmtpMessageId") %>
                                </div>
                                <div>
                                    TimeStamp : <%# Eval("TimeStamp") %>
                                </div>       
                                <div>
                                    Event Tags : <%# Eval("csTags") %>

                                </div>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>

Answer 1

我弄清楚了这个问题。在第二个可折叠 div 下：“ data-role="collapsible" data-content-theme="d" data-collapsed="true"> 我错过了标题

某物

这是必需的，因为它将围绕此标签构建可折叠控件。

Answer 2

尝试在代码中的以下行将双引号更改为单引号：“。

即使用'EmailEvent<%#Eval("EmailEventId")%>'而不是"EmailEvent<%#Eval("EmailEventId")%>".

希望这会有所帮助！