jQuery automatisch vervollständigt deaktiviert macht automatisch vervollständigt teilweise transparent, nicht deaktiviert

Question

Ich verwende die jQuery UI „Autocomplete“ -Funktion auf der Suche auf meiner Website. Wenn Sie ein Optionsfeld ändert sich von ‚Flächensuche“ auf ‚Namenssuche‘ Ich will es die Autovervollständigung deaktivieren und wieder aktivieren, wenn Sie wieder wechseln. Wenn Sie jedoch die zur automatischen Vervollständigung deaktivieren funktioniert es nicht verstecken das Drop-down es, nur dimmt auf 20% Trübung oder so hier mein 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");
        }

    });

});

Sie können sehen, es geschieht unter http://crewinyourcode.com

Zuerst müssen Sie eine Vorwahl gewählt haben, suchen und dann können Sie das Problem sehen.

EDIT: Ich weiß, Sie haben eine Vorwahl zu wählen, bevor Sie die Möglichkeit, Schalter Suchtypen gegeben sind. Wenn Sie zu dieser URL gehen werden Sie beide haben sofort: http://crewinyourcode.com/search/choose-category/732/

Answer 1

hat soeben ein CSS-Regel-Display: versteckte das Autovervollständigen-Feld. Kein großes Problem.