Question

我在Meteor中设置HTML select时遇到问题我使用Materialize.css包进行样式化。

这是选择框的模板：

<div class="input-field col l6 s12">
    <select>
        <option value="" disabled selected>Choose your option</option>
        {{#each getCategories}}
            <option value="1">{{category_name}}</option>
        {{/each}}
    </select>
</div>

getCategories是一个返回所有类别名称的函数。我需要使用此函数的结果来填充选择框问题是，数据有时会被加载到选择框中 - 有时它不会有时，选择中的值会在页面刷新时消失。与此同时，我正在使用的下拉列表工作正常。

以下是下拉列表的代码：

<div class="col l6">
    <a class='dropdown-button btn'  data-activates='dropdown1'>Categories</a>
    <ul id='dropdown1' class='dropdown-content'>
        {{#each getCategories}}
            <li><a>{{category_name}}</a></li>
        {{/each}}
    </ul> 
</div>

下拉列表完美无缺。我不知道我的选择有什么问题。

用于初始化选择框的代码：

Template.posts.rendered = function() {
  $('#content').ckeditor();
  $('select').material_select();
  $('.dropdown-button').dropdown({
     inDuration: 300,
     outDuration: 225,
     constrain_width: true, 
     hover: true, 
     gutter: 0, 
     belowOrigin: true 
  });
};

为什么我的<select>模板在与下拉列表相同的逻辑工作时表现得很奇怪？

HTML选择不使用Meteor JS

0 个答案: