私は既存のWebアプリケーションにAngularJSを追加し、Scrollpyは機能しなくなりました。以下は、AngularJSコントローラを組み込んだ後のコードです。Bootstrap AngularJSを追加した後にスクロールが機能しない
<div class="container bs-docs-container">
<div class="row">
<div class="col-md-3" ng-controller="MenuController">
<div class="bs-sidebar hidden-print affix-top" role="complementary">
<ul class="nav bs-sidenav quickMenu">
<h3 class="quickMenuHead">Quick Menu</h3>
<hr></hr>
<li ng-repeat="item in menu" class="">
<a href="#{{item.mainType}}">{{item.mainName}}</a>
<ul class="nav">
<li ng-repeat="sub in item.submenu" class="">
<a href="#{{item.mainType}}-{{sub.subType}}">{{sub.subName}}</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
そしてScrollpyはJS経由で有効になっていました:
$body.scrollspy({
target: '.bs-sidebar',
offset: 40
})
$window.on('load', function() {
$body.scrollspy('refresh')
})
すべてのコメント、これは失敗している理由は?
。ブートストラップ・コードが実行されると、Angularはページのレンダリングを終了していない可能性があり、ブートストラップ・ジャバスクリプトが探している要素はまだ存在しません。この質問をチェックアウト、あなたはまた、自分の人を作成する例を見つけることができます... http://stackoverflow.com/q/14284263/398606 –
コンソールにエラーがありますか? – Aravind
@Aravind、ええ、あなたは正解でした:) –