jQuery自动完成禁用使自动完成部分透明,而不是禁用
-
30-09-2019 - |
题
我在网站上的搜索上使用jQuery UI的“自动完成”功能。当您将单个按钮从“区域搜索”更改为“名称搜索”时,我希望它禁用自动完成,并在切换后重新启用它。但是,当您禁用自动完成时,它不会隐藏下拉菜单,只是将其调低到20%的不透明度。这是我的JavaScript:
var allFields = new Array(<?php echo $allFields ?>);
$(document).ready(function() {
if ($("input[name='searchType']:checked").val() == 'areaCode') {
$("#siteSearch").autocomplete({
source: allFields,
minLength: 2
});
}
$("input[name='searchType']").change(function(){
if ($("input[name='searchType']:checked").val() == 'areaCode') {
$( "#siteSearch" ).autocomplete( "option", "disabled", false );
alert("enabled");
}
else {
$( "#siteSearch" ).autocomplete( "option", "disabled", true );
alert("disabled");
}
});
});
您可以看到它发生在 http://crewinyourcode.com
首先,您必须选择一个区域代码进行搜索,然后您可以看到问题。
编辑:我意识到您必须选择一个区域代码,然后才能选择切换搜索类型的选项。如果您使用此URL,您将立即拥有两者:http://crewinyourcode.com/search/choose-category/732/
解决方案
只需添加一个CSS规则即可显示:隐藏自动完成框。没有大型。
不隶属于 StackOverflow