meteor - マテリアライズド / メテオ - 選択フォームが機能しない

Question

Meteor アプリで具体化された選択フォームを使用しようとしていますが、機能していないようです....

これが私のコードです：

html

<template name="createAutomatedaction">
    <div class="input-field col s12">
      <select>
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
      </select>
      <label>Materialize Select</label>
    </div>
</template>

js

Template.createAutomatedaction.onRendered(function(){
  this.$('select').material_select();
});

選択フォームをクリックすると、ドロップダウンが表示されません。万が一私が見逃しているものを誰かに教えてもらえますか? どうぞよろしくお願いいたします。

これ でhttps://www.dropbox.com/s/nzh7sp5x7by6e1t/Screenshot%202015-05-09%2018.20.54.png?dl=0

これ なしでhttps://www.dropbox.com/s/e1asl3y5pbtg5yp/Scr​​eenshot%202015-05-09%2018.24.08.png?dl=0

Answer 1

選択を初期化する正しいコードは次のとおりです (「createAutomatedaction」がテンプレートの名前であると仮定します)

Template.createAutomatedaction.onRendered(function() {
  $('select').material_select();
});

最終 (執筆時点) のマテリアライズ バージョン (v0.97.2) を使用している場合、このコミットで修正されたドロップダウンが生成されない原因となるバグがあります。

手動ですばやく修正したい場合は、レポ (dist/js/materialize.js) から縮小されていない js を取得し、「$body」のすべてのインスタンスを「bodyElement」に置き換えて使用します。

選択が機能します。

Answer 2

jquery コードをテンプレート イベントに配置します。

Template.templatename.events({
      this.$('select').material_select();
});

それがうまくいくことを願っています

Answer 3

タグを追加するclass="browser-default"とうまくいきました。select

Answer 4

私は削除class="input-field"し、それは私のために働いた。