オンラインで見つかったTypeaheadの使用方法によると、最後のステップでエラーが発生しました。データはデータベースから読み取ることができますが、プロンプトが入力ボックスに表示されると、すべてが以下として表示されます。長い間探索した後、私は問題が何であるかを知ることができませんでした。その後、私は誤ってhttp://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7 %94%A8BootStrap-Typeehead%E6 %8F%92%E4%BBBA%B6:」 ソース。"オンライン方法によれば、ソース内のAjaxメソッドを直接呼び出すからです。
現在のエースのデモを振り返ると、Ajaxを呼び出す例はありませんが、それを使用する方法を説明するコメントもありますが、英語(トピック外:テクノロジーを実行することで英語を理解することが本当に重要です)、そしてしばらくして、最終的に正しく表示できます。コードは次のように投稿されます。
JSコード
<スクリプトタイプ= "text/javascript"> jquery(function($){//typeahead.js//exampleプラグインのページから撮影:https://twitter.github.io/typeahead.js/examples/var substringmatcher = function(){// substringmatcher(// substringmatcher()装備されたキーワード、ProcessJは返された値varマッチ、substringRegex; var params = {"token":getStorage( "token")、 "flag":0、 "name":query}; var parameter_str = ""; for(var key in parames){parameter_str+= "&"+"+"+params+"="+key+"; fullurl = getoption( "gykj_host")+"institution/list?"+getoption( "gykj_callbackparam")+"="+getoption( "gykj_callbackfu nc ")+parameter_str; $("#submenu_info ")。html(fullurl); $ n( "gykj_callbackparam")、jsonpcallback:getoption( "gykj_callbackfunc")、async:false、error:function(){alert( "list:"+ge toption( "ConnectionErrormessage"));}、success:function(data){// $( "#submenu_info")。html(fullurl); if(data.code == 0){var arr、substringregex; arr = []; subsrregex = new regexp(query); //これはbar str = data.data [item] .name; if(subsrregex.test(str)){subsrregex.test(str)){// equiry jquery jquery plampriciin jqury jquly plam詳細docs for relowirar.push({value:str});}} process(arr);}}}}}}}}}}}} $( 'typeahead')。現在のバージョン、およびSubstringMatcher()メソッドが使用されます});}); </script>HTML
<
上記は、Bootstrap Typeaheadプラグインを使用して入力ボックスを自動的に完了するための問題と解決策です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!