Come fare un Back non trasparente in jQuery completamento automatico

September 22

Come fare un Back non trasparente in jQuery completamento automatico


Nella conversazione, la maggior parte delle persone non amano quando qualcuno finisce la loro pena per loro. Ma su Internet, la maggior parte di noi sono contento quando una pagina Web finisce nostre frasi. Molti motori di ricerca forniscono una funzione di completamento automatico; un utente inizia semplicemente a digitare una query, e una scatola con suggerimenti apre. Per esempio; digitare "campeggio" e il motore di ricerca può offrire "campeggio lista di controllo" come possibile termine di ricerca. È possibile implementare una funzione di completamento automatico sulla propria pagina Web, con un back non trasparente, utilizzando l'ottimo widget di completamento automatico fornito dalla libreria di interfaccia utente del jQuery.

istruzione

1 Aprire la pagina Web in un editor di testo o un ambiente di sviluppo di scelta.

2 Aggiungere i riferimenti alle librerie UI jQuery e jQuery, se non l'avete già fatto, nella parte superiore della pagina Web:

<Script type = "text / javascript" />

</ Div>

4 Aggiungere una funzione JavaScript per creare il widget di Completamento automatico:

<Script type = "text / javascript">

$(function ()

{

dati var =

[ "Barca", "bicicletta", "auto", "carborator"];

$ ( "# Campione"). Completamento automatico ({

fonte: dati

});

});

</ Script>

5 Impostare l'opacità del completamento automatico a 0 per cento, usando CSS e proprietà Filter di Mozilla:

<Style type = "text / css">

.ui-autocomplete.ui menu

{

Filtro: alpha (opacità = 0);

Opacità: 0;

}

</ Style>