サイトにオートコンプリート プラグインを使用しました。それは私にとってはうまくいきました。しかし今、Ajax を同時に使用したため、AJax を使用して新しい HTML を追加しているときに、スクリプトが失敗しました。私はstackoverflowに投稿し.on
、Jquery 1.7.2の使用に関する回答を得たので、コードをバインドしようとしました.on
私のコードは
$(document).ready(function(){
$(function(){
$(document).on("click.autocomplete","#artist_id",function(e){
$(this).autocomplete({
source : '<?php echo HTTP_PATH . '/artists/getArtistList'; ?>',
multiple: true,
mustMatch: true,
matchContains: true,
scroll: true,
minChars: 0,
autoFill: true,
dataType: "json",
parse: function(data) {
return $.map(data, function(item) {
return { data: item, value: item.label, result: item.label};
});
},
formatItem: function(item) {
return item.label;
},
formatResult: function(item) {
return item.id;
},
formatMatch: function(item) {
return item.label;
}
});
});
});
});
うまく動いていたコード...
$("#artist_id").focus().autocomplete( '<?php //echo HTTP_PATH . '/artists/getArtistList'; ?>', {
multiple: true,
mustMatch: true,
matchContains: true,
scroll: true,
minChars: 0,
autoFill: true,
dataType: "json",
parse: function(data) {
return $.map(data, function(item) {
return { data: item, value: item.label, result: item.label};
});
},
formatItem: function(item) {
return item.label;
},
formatResult: function(item) {
return item.id;
},
formatMatch: function(item) {
return item.label;
}
});
問題は、応答を送信することでも、スクリプトでエラーが発生することでもありません。Firebugで確認してみました。