Question

我试图从Angular JS ng-repeat指令制作一个jQuery手风琴。代码与jQuery UI中的示例不匹配，但它不起作用。带有ng-repeat的元素似乎搞砸了。我希望h3作为标题，下面的div作为内容。对每个details.dataset重复上述步骤。我已经尝试过没有Ang JS命令而且它可以工作，因此正确加载了javascript库。

$(document).ready(function () { $("#myAccordion").accordion(); })

<div id="myAccordion">
    <div class="dockListing" ng-repeat="data in details.dataset">
        <h3>{{data.name}}</h3>
        <div>
            <p><strong>Data 1:</strong>    
                {{data.content}}
            </p>
        </div>
     </div>
</div>

Answer 1

这里$（document）.ready（...）部分首先加载，它正在安排＃34;＃myAccordion＆＃34;内的任何内容。手风琴格式的div。然后＆＃34; ng-repeat＆＃34;正在进行和提取＆＃34; details.dataset＆＃34;。所以，首先要确保＆＃34; details.dataset＆＃34;首先到达，然后是＆＃34; **** $（＆＃34;＃myAccordion＆＃34;）。accordion（）; ****＆＃34;你可以使用setTimeOut（time）函数或任何回调函数来实现它。

jQuery Accordion和Angular JS

1 个答案: