如何将select2与Meteor一起使用

How to use select2 with Meteor?

本文关键字：一起 Meteor select2      更新时间：2023-09-26

有人能向我解释select2是如何与Meteor配合使用的吗？我正在使用zimme:select2-boostrap3-css，我不知道如何使用它。

我检查了原始的select2 github页面和软件包中的页面。第一个解释了如何在没有流星的情况下使用它。

我只是把jQuery代码添加到我的一个*.js文件中以使其工作吗？

在HTML:中

<select class="input" id="clientName" name="clientName">
    {{#each getClients}}
        <option value="{{clientName}}" data-id={{_id}}>{{clientName}}</option>
    {{/each}}
</select>

在JS中：

$("#clientName").select2();

因为这行不通。

当加载我的页面时，我得到这个错误Uncaught TypeError: $(...).select2 is not a function。

未捕获类型错误：$（…）.select2不是函数

发生上述错误是因为您没有包含Select2的JavaScript，如注释中所示。您链接到的氛围包只是为了在现有Select2包的基础上提供Bootstrap风格的。

您还应该包括meteor add natestrauser:select2

您可能遇到的下一个问题是，当JavaScript运行时，<select class="input" >可能不会加载到DOM中，因此$("#clientName")找不到任何内容。要等待初始化Select2，直到加载页面，您应该将代码包装在jQuery的DOM就绪函数$(function(){});中，并将其包装在Meteor.Startup()中，这样可以很好地衡量：

Meteor.startup(function () {
  $(function(){
    $("#clientName").select2();
  });
});

Meteorpad中的工作演示

进一步阅读：

  • 当文档在Meteor中准备好时，如何运行JQuery代码
相关文章：