javascript - jQuery Accordion 和 Angular JS

Question

我正在尝试从 Angular JS ng-repeat 指令制作 jQuery Accordion 。该代码与 jQuery UI 中的示例不匹配，并且不起作用。带有 ng-repeat 的元素似乎把它弄乱了。我想要 h3 作为标题，下面的 div 作为内容。对每个详细信息数据集重复此操作。我尝试过不使用 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(...) 部分首先加载，它正在以 Accordion 格式排列“#myAccordion”div 中的任何内容。然后发生“ng-repeat”并且获取“details.dataset”。因此，首先确保“details.dataset”先到达，然后“**** $("#myAccordion").accordion(); **** ”触发。您可以使用 setTimeOut (time) 函数或任何实现该目的的回调函数。