2017-07-03 4 views
1

私は約2日間、答えを探していて運がなかった。この時点で、私は何をしているのか分かりません。私の検索によれば、これは非常に簡単なものでなければならないので、私は単純なものを見逃しているに違いない。私が知っているFlaskでdevbridgeからjquery-autocompleteを実装するには?

suggestions = [{'value': 'joe', 'data': 'joe'}, {'value': 'jim', 'data': 'jim'}] 
return jsonify({"suggestions": suggestions}) 

$('#search_term').autocomplete({ 
    serviceUrl: '/autocomplete', 
    dataType: 'json', 
    onSelect: function (suggestion) { 
     alert('You selected: ' + suggestion.value + ', ' + suggestion.data); 
    } 
}); 

これは/オートコンプリートのためのビューのコードは次のとおりです。

これはID seach_termと1つの入力フィールドと私のindex.htmlの私のjavascriptのですこの質問には1トンが頼まれましたが、私はまだ私の問題にその解決策を適用できるほど十分に説明された回答を見つける必要がありません。

私は間違っていますか?

答えて

1
$("#search_term").autocomplete({ 
    serviceUrl: '/autocomplete', 
    select: function(event, ui) { 
    alert("Selected: " + ui.item.value + " aka " + ui.item.data); 
    } 
}); 

これは役に立ちます。 jqueryのオートコンプリートリンクを確認してくださいhttps://jqueryui.com/autocomplete/#remote-jsonp

+0

私はこれを試しましたが、何も変更されませんでした。問題は、私が間違ったjqueryバージョンを持っていたということでした。そのリンクは私がそれを見つけるのを助けました! – triggdev