2
JQuery UIオートコンプリートフィールドがあり、バックグラウンドでRuby機能にアクセスしています。ボックスに入力しても、オプションをロードするサーバーへの呼び出しは実行されません。しかし、Downキーを押すとそのようになり、それ以降は正常に動作します。これがなぜ起こっているのでしょうか?JQuery UI入力時にオートコンプリートが発生しない
HTML
<div id="subject_select_dialog" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: 141px; " scrolltop="0" scrollleft="0">
<input id="subject_select" name="subject" size="70" type="text" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<button id="subject_select_clear" name="button" type="clear">Clear</button>
...
</div>
はJavaScript
$("#subject_select").autocomplete({
source: "https://stackoverflow.com/users/autocomplete",
minLength: 2,
focus: function(event, ui) {
$("#subject_select").val(ui.item.label);
return false;
},
select: function(event, ui) {
$("#subject_select").val(ui.item.label)
$("#subject_select_results").html(ui.item.label)
$("#subject_select_id").val(ui.item.value)
return false;
}
});
ルビー
def autocomplete
render :json => UserProfile.list_by_name(params[:term]).to_json
end
EDIT:
が生成されたHTMLを調べると、それはとしての私のフィールドにフラグを立てるいます10。デバッガでその値を手動で変更すると、正しい動作が表示されます。なぜそれがそのような属性でフラグを立てるのでしょうか、どのように修正しますか?
Firebug /その他のデバッグツールは、入力のために起動された要求を表示しますか?他の 'keypress/keyup/keydown'ハンドラがこのフィールドにあり、このオートコンプリートが動作しなくなっている可能性がありますか? – GregL
サニティチェックとして、少なくとも2文字を入力していますか? – jmoerdyk
バックエンドスクリプトで実際に生成されるようにHTMLを修正してください。 – Madbreaks