jQuery completamento automatico marchi disabili AUTOCOMPLETE parzialmente trasparente, non disabili
-
30-09-2019 - |
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/
Soluzione
appena aggiunto un regola CSS da visualizzare: nascosto la casella di completamento automatico. Nessuna grossa delusione.