如何让selectize.js与meteor.js一起工作

Question

我正在尝试实现像流星论坛上看到的标记系统UI（带有标签，彩色方块和说明的下拉菜单。）

经过一些谷歌搜索后，我得出结论，selectize.js（https://brianreavis.github.io/selectize.js/）是完成标记的最丰富，最活跃的托管库之一。 我当前安装的selectize.js :( 注意：我已经尝试安装jeremy：selectize meteor package但是无法正常工作）

1. selectize.js位于client / lib

2. 所有样式表和其他帮助程序js文件都在client /

中

但是我无法在流星项目中使用以下简单示例来处理https://www.github.com/brianreavis/selectize.js/blob/master/examples/customization.html。

当我点击选择框时，不会显示选项下拉列表，甚至不会生成它们。 ：/ 我得到的就是：



----------这是我在流星项目中的实现----------

//js
Template.hello.onRendered(function(){
    $('#select-links').selectize({
      maxItems: null,
      valueField: 'id',
      searchField: 'title',
      options: [
        {id: 1, title: 'DIY', url: 'https://diy.org'},
        {id: 2, title: 'Google', url: 'http://google.com'},
        {id: 3, title: 'Yahoo', url: 'http://yahoo.com'},
      ],
      render: {
        option: function(data, escape) {
          return '<div class="option">' +
              '<span class="title">' + escape(data.title) + '</span>' +
              '<span class="url">' + escape(data.url) + '</span>' +
            '</div>';
        },
        item: function(data, escape) {
          return '<div class="item"><a href="' + escape(data.url) + '">' + escape(data.title) + '</a></div>';
        }
      },
      create: function(input) {
        return {
          id: 0,
          title: input,
          url: '#'
        };
      }
    });

});
<!-- html -->
<template name="hello">
<select id="select-links" placeholder="Pick some links..."></select>
</template>

非常感谢任何帮助！如果你给我一个很好的答案，我会这样做。

谢谢 - 你的同伴陨石 - 亚历克斯