我正在使用jquery UI autocomplete在我的网站的航班预订表格中加载机场。自动完成功能可以在除移动浏览器之外的所有桌面浏览器中正常运行。以移动视图查看网站时,自动完成功能不起作用。在寻找解决方案时,我发现自动完成功能不适用于移动浏览器。那正确吗?还有什么其他方法可以使自动完成功能在移动视图中工作。
这是我的代码:
<script>
$(function() {
$( "#cntryLeavingfrom" ).autocomplete({
source: 'airportcode.php'
});
$( "#cntryLeavingto" ).autocomplete({
source: 'airportcode.php'
});
});
</script>
<div class="twoLane clearfix">
<div>
<div class="fieldTrip lightIcon map">
<input type="text" class="txtBox" placeholder="Leaving From" name="cntryLeavingfrom" id="cntryLeavingfrom" onclick="document.getElementById('mandLFrom').style.display = 'none';">
<span id="mandLFrom" class="req" style="display:none;">*Required</span>
</div>
</div>
<div>
<div class="fieldTrip lightIcon map">
<input type="text" class="txtBox" placeholder="Going To" name="cntryLeavingto" id="cntryLeavingto" onclick="document.getElementById('mandLTo').style.display = 'none';">
<span id="mandLTo" class="req" style="display:none;">*Required</span>
</div>
</div>
</div>