我正在尝试在弹出窗口中进行自动完成。但它不起作用。任何人都可以帮助我吗?
这是我的弹出窗口代码JS:
$(document).ready(function(){
$('.swqweeer').click(function(){
$('.hakkindaar, .box').animate({'opacity':'.50'}, 300, 'linear');
$('.edith').animate({'opacity':'1.00'}, 300, 'linear');
$('.hakkindaar, .edith').css('display', 'block');
});
$('.chak').click(function(){
close_box();
});
$('.iptlh').click(function(){
close_box();
});
});
function close_box()
{
$('.hakkindaar, .edith').animate({'opacity':'0'}, 300, 'linear', function(){
$('.hakkindaar, .edith').css('display', 'none');
});
$( "#stockCode" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
function getValue() {
console.log($("#stockCode").val());
}
}
我想在此 HTML 行中添加自动完成功能:
<div class="yyop">
<div class="gloyy"><input type="txt" class="yseh" title='Tags' id='stockCode' autofocus></div>
<div class="gloyy"><input type="txt" class="yseh"></div>
</div>
这是我的演示页面:
最佳答案
关于z-indexing 。添加以下 CSS:
.ui-autocomplete, ui-autocomplete-input {z-index:1000}
此外,自动完成代码的位置也不正确。将其移至 $(document).ready
主 block 内,例如:
$(document).ready(function(){
$( "#stockCode" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
// other stuff
}
关于javascript - 弹出窗口中的 jquery 自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25948031/