jQuery saisie semi-automatique marques handicapés partiellement transparente saisie semi-automatique, pas désactivé

Question

J'utilise la fonction « autocomplete » de l'interface utilisateur jQuery sur une recherche sur mon site. Lorsque vous modifiez un bouton radio de « zone de recherche » à « Recherche par nom » Je veux désactiver la saisie semi-automatique, et le réactiver lorsque vous revenez. Cependant, lorsque vous désactivez la saisie semi-automatique, il ne cache pas la liste déroulante, il juste à l'opacité obscurcit 20% ou Voici mon 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");
        }

    });

});

Vous pouvez le voir passe à http://crewinyourcode.com

D'abord, vous devez choisir un indicatif régional pour la recherche, et vous pouvez voir la question.

EDIT: Je sais que vous devez choisir un code régional avant que vous l'option de types de recherche de l'interrupteur. Si vous allez à cette URL, vous aurez tous les deux immédiatement: http://crewinyourcode.com/search/choose-category/732/

Answer 1

Juste ajouté une règle CSS à afficher: caché la boîte de saisie semi-automatique. Pas trop grave.