Question

我正在尝试将jquery手风琴与转发器一起使用。我直接从jquery文档中使用了该示例。当我单击部分链接时，详细信息将打开并展开，但您无法看到任何文本。 html输出看起来对我来说，不知道这出错了。

<script>
$(document).ready(function () {
    $("#accordion").accordion();
});
</script>

<div id="accordion">
    <asp:Repeater ID="respondToExceptionsList" runat="server">

    <ItemTemplate>
        <h3><a href="#">Section 1</a></h3>
        <div>
            sdfffffffffffffff
        </div>
    </ItemTemplate>

    </asp:Repeater>
</div>

这是html输出。

<DIV id=accordion class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" role=tablist jQuery1315324170464="2">
    <H3 aria-expanded=true class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" role=tab tabIndex=0 jQuery1315324170464="3">
    <SPAN class="ui-icon ui-icon-triangle-1-s" jQuery1315324170464="13"></SPAN><A tabIndex=-1 href="#">Section 1</A></H3>
    <DIV style="HEIGHT: 19px" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role=tabpanel>sdfffffffffffffff </DIV>
</DIV>

Answer 1

这与手风琴高度设置为零有关。我在使用angularjs生成的html转发器中使用手风琴时遇到了同样的问题。要解决此问题，必须在加载数据后刷新手风琴。我在jquery论坛here找到了答案。

带有转发器的Jquery手风琴，在激活行时看不到行细节

1 个答案: