javascriptは<ons-template>で動作しません - onsen ui

Question

多くのページでJavaScriptを使用しますが、<ons-navigator>タグ内でのみ動作し、<ons-template>の内部で作業しません。 私のライブの例jsfiddlを見て、私に解決策を教えてください。 私が下にスクロールした例では、表示pxが表示されますが、その作業は<ons-navigator>の中にしかありません。 <ons-template>でJavaScriptを使用するにはどうすればよいですか？

注：オンセンのような別のフレームワークがあり、キャッシュされたページでJavaScriptを使用している場合は、コメントを書いてください。

Answer 1

実際に発生している問題は、実際には少し異なります。セレクタmenu__menuは何も一致しません。ちょうどあなたが

<ons-page id="myPage"> 

などのスクロールイベントをリッスンするページにIDを追加し、

var content = document.querySelector('#myPage .page__content'); 

、あなたは罰金:)

Fiddle

注意されますを使用します：あなたのサイドメニューのロジックは、そこからページを切り替えた後に新しいページを作成しているようです - ページが初期化されるたびにいくつかのコードを実行したい場合は、 initイベントを見てください。各ページは、domに接続されると起動します。 Docs