禁用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/

來源

2010-04-21 Ryan Giglio

我在您提供的鏈接中看不到問題。有一個「按名稱搜索」單選按鈕，這是沒有意義的，因爲沒有其他無線電按鈕切換到！它將始終被選中。有一個說「按區域搜索」的鏈接，它帶來了一個搜索（「按名稱搜索」單選按鈕仍然被選中，但我不能得到任何自動完成功能出現;它似乎是一個純文本框。 – 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。沒什麼大不了的。

來源

2010-04-24 06:21:09

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

回答

相關問題