2012-02-27 22 views
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。デバッガでその値を手動で変更すると、正しい動作が表示されます。なぜそれがそのような属性でフラグを立てるのでしょうか、どのように修正しますか?

+1

Firebug /その他のデバッグツールは、入力のために起動された要求を表示しますか?他の 'keypress/keyup/keydown'ハンドラがこのフィールドにあり、このオートコンプリートが動作しなくなっている可能性がありますか? – GregL

+1

サニティチェックとして、少なくとも2文字を入力していますか? – jmoerdyk

+1

バックエンドスクリプトで実際に生成されるようにHTMLを修正してください。 – Madbreaks

答えて

1

「JQuery UIオートコンプリート」が適用される入力フィールドに「​​3210」の属性をチェックします。 "on"に設定され、"off"に設定されていないことを確認してください。

- コミュニティは、将来の読者の利益のために、質問にコメントを使用して、私はこの質問に答えるのです

関連する問題