jQueryで作成されたフォームフィールドでオートコンプリートを使用するにはどうすればよいですか？

Question

私のアプリでは、ページをリロードせずにtasksを追加できるフォームがあります。これはjQueryによって実現されます。

入力フィールドdescriptionは、同じHTMLページの非表示divからデータを取得するautocomplete fieldです。

問題は、オートコンプリートが保存されたすべてのタスクで期待通りに機能しますが、ではなく、はjQueryでオンザフライで作成され、まだ保存されていないものです。

私のjQueryのコードは非常に簡単です：

$('input.description').autocomplete({ 
    source: $('#source').data('autocomplete-source') 
}); 

誰もが、私はここに欠けているものを私に伝えることができますか？

まだ保存されていない新しく作成されたタスクでオートコンプリートを使用するにはどうすればよいですか？

ありがとうございました。

Answer 1

いくつかの要素にタスク入力を追加するjqueryがあるとします。

$('body').append(newInput); 

だからAPPEND後、あなたはそのオートコンプリートのみ、その関数が呼び出されたときに、既に作成された要素のために動作しますので、再びオートコンプリートの設定を呼び出す必要があります。

$('body').append(newInput); 
$('input.description').autocomplete({ 
    source: $('#source').data('autocomplete-source') 
});