x 편집 가능한 부트 스트랩 select2 태그 - 로딩 표시기가 영원히 계속 회전 함

Question

x-editable-bootstrap Meteorite (및 부트 스트랩) 패키지가 설치된 Meteor를 사용하고 있습니다.

select2 태그를 편집 가능으로 설정하면 로딩 표시기가 영원히 돌아가며 태그 입력이 불가능하지 않게됩니다. 많은 시도, 누군가가 도울 수 있기를 바랍니다! 내 템플릿에

난 하바 내 Template.rendered에

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

을 가지고 jQuery를에-DOM 준비와 페이지의 기본 요소를 생성 라

$(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 편집 가능한 팝업 창이 나타나지만 입력 필드가로드되지 않습니다.로드 표시기가 계속 회전합니다.

콘솔은 다음과 같은 오류 로그 : 내가 발견 x-editable-bootstrap.js:3683

에

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

을 그 나는 텍스트 필드가로드되는 editable({..})에서 type:'select2'을 제거 할 수 있지만 어떤 태그 기능이없는 경우 .

아이디어가 있으십니까? 어떤 힌트를 주셔서 감사합니다! address 및 text과 같은 x 편집 가능한 유형은 위의 코드 패턴을 사용하여 매력처럼 작동합니다!

Answer 1

나는 유성에 착수하지는 않았지만 레일즈에서 같은 문제가있었습니다. x-editable-bootstrap은 select2.js와 자동으로 함께 제공되지 않습니다. select2.js도로드하고 있는지 확인하십시오.

Answer 2

select2.js가 누락되었습니다. 여기에서 select2를 다운로드 할 수 있습니다 http://ivaynberg.github.io/select2/