Hvordan lage en Slide Med jQuery

Programmerere som ønsker å legge til interaktive elementer til en webside må bruke Javascript programmeringsspråk. Javascript lar programmerere å lage websider som reagerer på tasteklikk, musebevegelser og tastetrykk. Programmerere ofte støter på mange problemer i arbeidet med Javascript fordi nettlesere ikke gjennomføre det konsekvent. Av denne grunn, vil du sannsynligvis til å dra nytte av en Javascript-bibliotek som jQuery når du skriver Javascript-kode. JQuery brukere velge å legge til jQuery UI biblioteket til deres viktigste installasjon av jQuery for å legge UI elementer som dialogbokser, fremdriftsindikatorer og glidere.

Bruksanvisning

1 Legg en referanse til jQuery UI-biblioteket med CDN (Content Delivery Network) av ditt valg. Ta med en referanse til CDN på toppen av siden:

'<Script til navnet på div som til slutt vil inneholde glidebryteren.

3 Legg til følgende kode i Javascript-kode, uansett hvor den er plassert:

'$ (Function () {

$( "#slider" ).slider();

}); '

4 Opprett en HTML div på det punktet i HTML-dokument som skal inneholde glidebryteren:

'<Div class = "sampleDiv">

<Div id = "slider"> </ div>

</ Div> '

5 Sett maksimum og minimumsverdier for glidebryteren i Javascript-koden. Endre verdiene 0 (minimum) og 100 (maks) i koden under verdier som bedre passer ditt formål.

'$ ( ".sampleDiv") .slider ( "Alternativet", "min", 0); "

'$ ( ".sampleDiv") .slider ( "Alternativet", "max", 100);'