私はMeteorとMaterialize-cssのWebサイトで作業していますが、クリック時ではなくホバー上でアクティブにするナビゲーションバーにドロップダウンメニューを実装しようとしています。Meteorテンプレートでドロップダウンを実現しない
私はこのように私のファイルを持っている:
HTML:
JS:
Template.nav.onRendered(function() {
$(".dropdown-button").dropdown({
hover: true
});
});
(編集後の)私は、簡単に印象の下に、私は誤解何かによるものでしたその$(".dropdown-button").dropdown()
は何もしていませんでした。ただし、ドロップダウンを有効にしています。それだけで、hover: true
オプション、または他のオプションを取っていません。なぜ登録していないのですか?何か不足していますか?私が行った研究は、template.onRendered()
で呼び出されている.dropdown()
がなければ、ドロップダウンが全く機能しないことを示唆しています。私はそれにオプションを渡すことができる必要がありますが、私はそれを動作させるように見えることはできません。
私はmeteor add
でインストールしたいくつかの点:
- fourseven:SCSS
- がマテリアライズ:(現在は0.97.8クラッシュ 流星、)v0.97.7を実体
- は、鉄:ルータ
私はこの質問を最初に投稿した後にもう少し研究を行いました。私はthis postに向けられました。この答えが示唆しているように、私はDOMの準備と関係している問題はかなり確信していますが、少し失われています。私はTracker.afterFlush()
を使ってみましたが、それは何の助けにもならなかったので、私はまだ固執しています。
ご協力いただきありがとうございます。
ありがとうございます。 'console.log($(" dropdown-button "));' nav.onRendered() 'の中に挿入すると、要素がコンソールに正常に出力されるので、jQueryは確実に動作しています。 –