Question

我正在使用ng-repeat动态地为我的UIKit data-uk-accordion添加新的手风琴部分。

<div class="uk-accordion" data-uk-accordion="{ collapse: false }">
  <h3 class="uk-accordion-title uk-active" ng-repeat-start="driver in drivers">Driver {{driver.id}}</h3>
  <div class="uk-accordion-content" ng-repeat-end>
  ...
</div>

当我添加新的手风琴部分并点击要折叠的标题时，我收到以下错误：

TypeError：包装器未定义，位于UIkit 2.24.2中accordion.js的第73行： wrapper.data('toggle').toggleClass(this.options.clsactive);

我尝试将data-uk-observe添加到accordion div或其父div但没有任何效果，并尝试通过添加id来手动重新启动手风琴，并运行UIkit.accordion（'＃司机'）来自控制台，但没有变化。

甚至尝试从控制台运行UIkit.init()，但我收到同样的错误。

如何重新设计手风琴？

Answer 1

看起来你想要做的是：

省略data-uk-accordion属性。
保存从调用UIkit.accordion(element, options)返回的对象。
添加新的手风琴儿童元素后，请致电accordion.update()。（假设您将上面返回的对象保存在名为accordion的变量中）

有关我如何达到此目的的更多信息，请查看the related issue on GitHub。

UIKit手风琴和ng-repeat不起作用

1 个答案: