javascript - x-editable + ブートストラップ 3 + Twitter の typeahead.js が機能しない

Question

Bootstrap3 を素晴らしい x-editable および typeahead.js と統合しようとしましたが、うまくいきませんでした:

私は次のことを試しました

• 要素を data-type='typeaheadjs' でマークします
• type='typeaheadjs' を $().editable() に追加します
• すべてのパラメータを data-* 属性に移動
• すべてのパラメータを $().editable() 引数に移動します

しかし運がない。

HTML コード:

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

JS コード:

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

ここでフィドル：http://jsfiddle.net/Ggxbm/3/

http://vitalets.github.io/x-editable/docs.html#typeaheadjsで提供されている例でさえ、私には機能しません

私は何を間違っていますか？