Domanda

Sto usando la funzione "completamento automatico" del jQuery UI su una ricerca sul mio sito. Quando si modifica un pulsante di scelta da 'Area di ricerca" a 'ricerca del nome' Voglio che per disattivare il completamento automatico, e riattivarla quando si passa indietro. Tuttavia, quando si disattiva il completamento automatico non nasconde il menu a discesa, è appena si affievolisce al 20% di opacità o giù di lì Ecco il mio 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");
        }

    });

});

È possibile vedere che succede a http://crewinyourcode.com

Per prima cosa devi scegliere un prefisso per la ricerca, e poi si può vedere il problema.

EDIT: Mi rendo conto che si deve scegliere un prefisso prima che tu sia data la possibilità di tipi di ricerca dell'interruttore. Se si va a questo URL avrete entrambi subito: http://crewinyourcode.com/search/choose-category/732/

È stato utile?

Soluzione

appena aggiunto un regola CSS da visualizzare: nascosto la casella di completamento automatico. Nessuna grossa delusione.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top