禁用jQuery自动完成功能使得自动完成功能部分透明，而不是禁用

问题描述：

我在我的网站上使用jQuery UI的“自动完成”功能进行搜索。当您将单选按钮从“区域搜索”更改为“名称搜索”时，我希望它禁用自动填充，并在切换回来时重新启用它。但是，当禁用自动填充时，它不会隐藏下拉列表，。只是它会变暗以20％的不透明度或因此这里是我的javascript：禁用jQuery自动完成功能使得自动完成功能部分透明，而不是禁用

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

首先你要选择一个区号进行搜索，然后就可以看到问题

编辑：我知道你必须选择一个地区代码，然后才可以选择切换se拱门类型。如果你到这个URL，你将立即拥有它们： http://crewinyourcode.com/search/choose-category/732/

我在您提供的链接中看不到问题。有一个“按名称搜索”单选按钮，这是没有意义的，因为没有其他无线电按钮切换到！它将始终被选中。有一个说“按区域搜索”的链接，它带来了一个搜索（“按名称搜索”单选按钮仍然被选中，但我不能得到任何自动完成功能出现;它似乎是一个纯文本框。 – MisterMister 2010-04-22 01:14:21

您可以随时按名称进行搜索，但只能在您选择地区代码后按地区代码进行搜索。一旦你选择了一个区号，它会记住它并添加第二个单选按钮。我应该提供了一个更好的链接： http://crewinyourcode.com/search/choose-category/732/ 开始在“Search 732”上键入“Director”，你会看到自动完成。将其更改为“按名称搜索”，您将看到一条提示，指示自动完成功能已禁用（仅测试代码），自动完成功能仍会出现，但已褪色而不是隐藏。 – 2010-04-22 02:03:00

答

刚刚添加了一个CSS规则来显示：hidden the autocomplete box。没什么大不了的。

禁用jQuery自动完成功能使得自动完成功能部分透明，而不是禁用

相关推荐