JQuery UI

jQuery UI is een component bibliotheek voor jQuery framework dat een set van plug-ins, widgets en visuele effecten toe te voegen voor het maken van webapplicaties. Elk onderdeel of module is ontwikkeld volgens de filosofie van jQuery.

Modules

De bibliotheek wordt verdeeld in vier modules:

Kern

Het bevat basisfuncties voor de andere modules.

Interacties

Voeg complexe gedragingen elementen:

  • Versleepbare: Maakt de versleepbare element.
  • Droppable: Maakt het antwoord element versleepbare elementen.
  • Resizable: Hiermee kunt u het element te wijzigen.
  • Selecteerbaar: Kies uit een lijst met items.
  • Sorteerbare: Sorteert een lijst van items.
  • Ziseable: Stelt de grootte van de elementen.

Widgets

Het is een complete set van UI controls. Elke controle heeft een set van configureerbare opties en ze kunnen CSS-stijlen toepassen.

  • Accordeon: Menu met accordeon effect.
  • Autocomplete: Doos met de auto.
  • Knop: Knop.
  • Dialoogvenster: windows inhoud.
  • Slider: Element te kiezen uit een reeks van waarden.
  • Tabs: Tabs.
  • Datepicker: grafische kalender.
  • Progressbar: Progress bar.

Effecten

Een API om geanimeerde overgangen en interacties faciliteiten toe te voegen.

  • Kern: Uitbreiden jQuery effecten zoals morphing, vereist door andere effecten.
  • Blind
  • Stuiteren
  • Paperclip
  • Drop
  • Ontploffen
  • Vervagen
  • Vouw
  • Hoogtepunt
  • Pulseren
  • Schaal
  • Shake
  • Glijbaan
  • Overschrijving
  • ashgahs

Gebruik

jQuery UI wordt gebruikt als elke andere extensie voor jQuery: Enkel bestanden toe te voegen aan de pagina; eerst na de jQuery bibliotheek en de rest zou moeten verschijnen:

JavaScript-code om de effecten toe te passen:

Code in het document:

Op de officiële website van jQuery UI is er uitgebreide documentatie over het gebruik en configureren van de modules en componenten.

Aanpassen van stijlen en ThemeRoller

De groottes van de componenten kan worden aangepast aan de wensen van de gebruiker terwijl geen triviale taak te passen. Om dit te doen, op de officiële website, is er ThemeRoller design tool die online stijlen mogelijk maakt op een eenvoudige manier.

Verenigbaarheid

jQuery

Er zijn twee versies van de bibliotheek om te werken met jQuery:

  • Stabiel: jQuery versie 1.6 of hoger.
  • Legacy: jQuery versie 1.3.2 of hoger.

Browsers

Het is compatibel met Internet Explorer 6.0, Mozilla Firefox 3, Safari 3.1, Opera 9.6 en Google Chrome.

Aangepaste modules te downloaden

Op de officiële website van jQuery UI is er een tool om een ​​aangepaste versie van het bestand te maken om alleen de modules die worden gebruikt omvatten. Aldus wordt het bestand geoptimaliseerd, met net genoeg.

(0)
(0)
Vorige artikel Celia de la Serna
Volgende artikel Het nemen van Talca

Gerelateerde Artikelen

Commentaren - 0

Geen reacties

Voeg een Commentaar

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Tekens over: 3000
captcha