Question

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

当我设置一个可编辑的select2标签时，加载指示器会一直保持旋转状态，无法输入标签。尝试了很多，希望有人可以帮忙！

在我的模板中我有一个

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

在我的Template.rendered中，我有一个jQuery on-dom-ready函数àla

$(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可编辑的弹出窗口，但它不会加载输入字段，加载指示器会一直旋转。

控制台记录以下错误：

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

x-editable-bootstrap.js:3683

中的

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

有什么想法吗？非常感谢任何暗示！其他x-editable类型（如address和text）就像使用上面代码模式的魅力一样！

Answer 1

我没有试过流星，但在Rails上遇到了同样的问题。事实证明，x-editable-bootstrap并不会自动带有select2.js。确保您还加载了select2.js

Answer 2

您缺少select2.js。您可以在此处http://ivaynberg.github.io/select2/

下载select2

x-editable-bootstrap select2标签 - 加载指示器永远保持旋转

2 个答案: