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

こんにちは、簡単な方法を見つけました。

1 つの静的コンテナーにdata-uk-observe属性を追加するだけです。aurelia アプリでは唯一の静的なものであるため、私はそれを私のindex.htmlの body タグに入れました:-)

そうすれば、UIKit は dom の変更を監視し、テンプレートがレンダリングされると、新しいコンポーネントを再帰的に検索します

パフォーマンスの問題はわかりませんが、今のところとても良いです。

例：

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