x-editable-bootstrap select2标签 - 加载指示器一直旋转

Question

我正在使用安装了x-editable-bootstrap Meteorite（和bootstrap）包的Meteor。

当我设置一个select2标签可编辑时，加载指示器会一直旋转，无法输入标签。 我已经尝试了很多方法，希望有人能提供帮助！

在我的模板中，我有一个

<div id="editableStuff" data-title="Blah enter tags plz">Apple, Banana</div>

在我的模板渲染中，我有一个类似于jQuery on-dom-ready函数的函数：

$(function(){
  $('#editableStuff:not(.editable-click)').editable('destroy').editable({
    success: function(response, newValue) {
      Session.set('tmp'+name,newValue);
    },
    placement:'left',
    select2: {
      tags: ['cake', 'cookies'],
      tokenSeparators: [",", " "]
    },
    type:'select2'
  });
};

该页面上创建了带有虚线的默认元素。点击该元素将弹出x-editable弹窗，但是它不会加载输入字段，加载指示器只是一直旋转。

控制台记录了以下错误：

TypeError: 'undefined' is not a function (evaluating 'this.$input.select2(this.options.select2)')

于 x-editable-bootstrap.js:3683

我发现当我从 editable({..}) 中删除 type:'select2' 时，文本字段被加载，但没有标签功能。

有什么想法吗？非常感谢任何提示！其他x-editable类型如address和text使用上述代码模式工作得很好！

- Moritz Walter

---

请注意，上述代码在Meteor 0.8+上不再适用。请参阅https://dev59.com/E37aa4cB1Zd3GeqPpWLR#23144211。 - Andrew Mao

对于像我这样的人，这可能是本地化问题。加载select2.full，你的问题可能会得到解决。 - abdullah kahraman

Answer 1

我没有在 Meteor 上尝试过，但在 Rails 上遇到了同样的问题。原来 x-editable-bootstrap 并不自动带有 select2.js。请确保您也加载了 select2.js。

- Stepan Parunashvili

Answer 2

你缺少select2.js文件。你可以在这里下载select2 http://ivaynberg.github.io/select2/

- Charles Tran