我的问题是我应该在同一页面中使用 jquery 自动完成库两次。
当我静态插入第一个文本字段时,自动完成工作正常。但是如果我想插入第二个文本字段,自动完成结果会显示在第一个文本字段发生的位置。
两个文本字段具有不同的名称和 ID,但是当我在文本字段 2 中键入字符时,自动完成结果显示在文本字段 1 下方。我的自动完成功能有什么问题?
var aramaKeyword = jQuery.trim($("#input_header_scroll_ara_keyword").val());
$('#input_header_scroll_ara_keyword').val(aramaKeyword);
$(function() {
$("#input_header_scroll_ara_keyword").autocomplete({
source: function(request, response) {
$.ajax({
url: baseUrl + "<?php echo URL_ARAMA_AUTOCOMPLETE; ?>",
dataType: "json",
async: false,
data: {
q: jQuery.trim($("#input_header_scroll_ara_keyword").val())
},
success: function(data) {
response( $.map( data, function( item ) {
return {
label: item,
value: item
}
}));
}
});
},
select: function(event, ui) {
var keyword = ui.item.value;
locateAraQuery('<?php echo URL_ARAMA; ?>', '<?php echo DEFAULT_STR_ARAMAQUERY_KEYWORD; ?>', '<?php echo lang('title_aradefaultkeyword'); ?>', keyword, '<?php echo ARAMA_SUFFIEX_BAR; ?>');
},
focus: function(event, ui) {
var keyword = ui.item.value;
$("#input_header_scroll_ara_keyword").val(keyword);
},
minLength: 2,
});
});