Hvordan lage en Back ugjennomsiktig i jQuery Autofullfør

I samtalen, de fleste misliker det når noen andre er ferdig sine setninger for dem. Men på internett, de fleste av oss er glade når en webside er ferdig våre setninger. Mange søkemotorer gir en autofullfør-funksjonen; en bruker begynner rett og slett å skrive inn et søk, og en boks med forslag dukker opp. For eksempel; skriver "camping" og søkemotoren kan tilby "camping sjekkliste" som en mulig søkeord. Du kan implementere en autofullfør-funksjonen på din egen webside, med en ikke-transparent tilbake, ved hjelp av utmerket autofullfør widget levert av jQuery UI bibliotek.

Bruksanvisning

1 Åpne din webside i et tekstredigeringsprogram eller utviklingsmiljø av valget.

2 Legg referanser til jQuery og jQuery UI bibliotek, hvis du ikke allerede har gjort det, på toppen av websiden:

<Script type = "text / javascript" />

</ Div>

4 Legg en Javascript-funksjonen til å opprette autofullfør widget:

<Script type = "text / javascript">

$(function ()

{

Var data =

[ "Båt", "sykkel", "bil", "carborator"];

$ ( "# Sample"). Autocomplete ({

kilde: data

});

});

</ Script>

5 Sett opacity av autofullfør til 0 prosent, ved hjelp av CSS og Mozillas Filter eiendom:

<Style type = "text / css">

.ui-autocomplete.ui-menyen

{

filter: alpha (opacity = 0);

opacity: 0;

}

</ Style>