2016-11-19 1 views
2

私は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()を使ってみましたが、それは何の助けにもならなかったので、私はまだ固執しています。

ご協力いただきありがとうございます。

答えて

0

Jqueryが含まれていることを確認してください。これは問題を引き起こしている可能性があります。

私はコメントしますが、十分な担当者がいません。

+0

ありがとうございます。 'console.log($(" dropdown-button "));' nav.onRendered() 'の中に挿入すると、要素がコンソールに正常に出力されるので、jQueryは確実に動作しています。 –

0

私はそれを理解しました!

私は、からv0.97.0にMaterializeをダウングレードしようとしましたが、バージョン8で問題が発生していました。そして今、(魔法のように)すべてが機能します!私はこれが将来誰かを助けることを願っています。

関連する問題