1

我正在尝试将 UIkit scrollspy 与 aurelia 一起使用,但无法使其正常工作。我下载了skeleton-navigation并用jspm安装了uikit。里面app.js我有:

import 'uikit';
import 'uikit/css/uikit.css!';

UIkit css 元素工作正常,但 scrollspy 不起作用。我的html中有这样的东西:

<div class="uk-panel uk-panel-box uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade" data-uk-scrollspy="{cls:'uk-animation-fade', repeat: true, delay:1000}"> .... </div>
4

1 回答 1

3

嗨,我找到了一个简单的方法。

只需在一个静态容器中添加data-uk-observe属性。我把它放在我的index.html的 body 标记中,因为在 aurelia 应用程序中是唯一静态的东西:-)

这样 UIKit 会观察 dom 的变化,当模板被渲染时,它会递归搜索新的组件

我不确定性能问题,但到目前为止还不错。

例子:

<body aurelia-app="main" data-uk-observe>
于 2015-09-28T21:21:13.710 回答