x-edytowalne + 3 + bootstrap Twitter nie typeahead.js pracy

Question

Próbowałem zintegrować Bootstrap3 z awesome X-edytowalne i typeahead.js, ale nie mogłem uczynić go pracy:

Próbowałem następujących

• zaznaczyć element z danymi typu =
• typu add = '' 'typeaheadjs typeaheadjs' to $(). edytowalny()
• przenieść wszystkie parametry do data- * atrybuty
• ruch wszystkich parametrów do $(). editable() ar guments

ale bez powodzenia.

HTML kod:

<div style="margin: 150px"> 
    <a href="#" id="username">Rome</a> 
</div> 

kod JS:

$('#username').editable({ 
    mode: 'inline', 
    showbuttons: false, 
    type: 'text', 
    url: '/post', 
    pk: 1, 
    title: 'Enter an Italian city', 
    typeahead: { 
     local: ['Rome', 'Milan', 'Venice', 'Florence'] 
    } 
});   

skrzypce tutaj: http://jsfiddle.net/Ggxbm/3/

nawet pod warunkiem przykład przy http://vitalets.github.io/x-editable/docs.html#typeaheadjs nie działa dla mnie

Czym jestem robić źle?

Answer 1

Trzeba to typeahead.min.js I typeaheadjs.js

jak widać w tym skrzypce http://jsfiddle.net/9q7Jd/1/ dodając

http://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/inputs-ext/typeaheadjs/typeaheadjs.js 

naprawia ten problem.

można znaleźć typeaheadjs.js w archiwum zip w katalogu wejścia-ext/typeaheadjs: https://github.com/vitalets/x-editable/tree/master/src/inputs-ext/typeaheadjs