JQuery UI Library

217626 jQuery UI Library #jquery-ui

Inhaltsverzeichnis

Über1

Kapitel 1: Erste Schritte mit der jQuery UI Library2

Bemerkungen2

Versionen2

Examples4

Hinzufügen des jQuery-UI-Skripts und grundlegende Verwendung4

Kapitel 2: Akkordeon7

Syntax7

Parameter7

Bemerkungen7

Examples7

Akkordeon Grundlegende Verwendung7

Akkordeon deaktivieren Verwendung8

Akkordeon aktivieren Verwendung8

Akkordeonoption Verwendung8

Akkordeon-Refresh-Nutzung9

Verwendung des Accordiong-Widgets9

Examples10

Einfaches Beispiel10

Kapitel 4: Datumsauswahl11

Examples11

Initialisierung11

Minimale und maximale Datumsangaben für eine Datumsauswahl festlegen11

Zeige Woche des Jahres11

Legen Sie ein benutzerdefiniertes Datumsformat fest11

Monat und Jahr Dropdown anzeigen13

Kapitel 5: Dialog14

Syntax14

Parameter14

Bemerkungen17

Examples17

Einfaches Beispiel17

Öffnet das Dialogfeld, wenn ein Ereignis auftritt17 Komplexes Beispiel - jQuery-UI-Dialog zum dynamischen Erstellen18

Erstellen eines Dialogs mit Tabbed Titelleiste21

Kapitel 6: Icons24

Syntax24

Bemerkungen24

Examples24

Grundlegende Verwendung24

Kapitel 7: jQuery UI Drehbares Plug-In25

Parameter25

Examples25

Erstbenutzungsbeispiel25

Kapitel 8: jquery ui sortierbar27

Examples27

Kapitel 9: Schieberegler29

Examples29

Einfaches Beispiel29

Bereichsschieberegler29

Werte und Grenzwerte initialisieren29

Verwenden des Folienereignisses30

Einstellungswerte und das Änderungsereignis30

Kapitel 10: Sortierbar32

Syntax32

Parameter32

Bemerkungen35

Examples35

Einfaches Beispiel35

Sortierbares Gitter mit flexiblem Layout36

Sortierbar - Animieren Sie die Rücknahme eines nicht akzeptierten Elements37

Kapitel 11: Spinner40

Syntax40

Parameter40

Bemerkungen40

Examples40

Basisbeispiel40

Kapitel 12: Taste42

Syntax42

Parameter42

Examples42

Grundlegende Verwendung42

Kapitel 13: Ziehbar43

Examples43

Einfaches Beispiel43

Mit Griff ziehbar43

Credits44

Über

You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: jquery-ui-library It is an unofficial and free jQuery UI Library ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official jQuery UI

Library.

The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners. Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to info@zzzprojects.com https://riptutorial.com/de/home1

Kapitel 1: Erste Schritte mit der jQuery UI

Library

Bemerkungen

bietet.

Versionen

1.7.02009-03-06

1.7.12009-03-19

1.7.22009-06-12

1.7.42010-05-04

1.8.02010-03-23

1.8.12010-05-04

1.8.22010-06-07

1.8.42010-08-10

1.8.52010-09-17

1.8.62010-10-02

1.8.72010-12-10

1.8.82011-01-14

1.8.92011-01-21

1.8.102011-02-24

1.8.112011-03-18

1.8.122011-04-23

1.8.132011-05-17

https://riptutorial.com/de/home2

1.8.142011-06-28

1.8.152011-08-08

1.8.162011-08-18

1.8.172012-01-10

1.8.182012-02-23

1.8.192012-04-17

1.8.202012-04-30

1.8.212012-06-05

1.8.222012-07-24

1.8.232012-08-15

1.8.242012-09-28

1.9.02012-10-08

1.9.12012-10-25

1.9.22012-11-23

1.10.02013-01-17

1.10.12013-02-15

1.10.22013-03-14

1.10.32013-05-03

1.10.42014-01-17

1.11.02014-06-26

1.11.12014-08-13

1.11.22014-10-16

1.11.32015-02-12

1.11.42015-03-11

https://riptutorial.com/de/home3

Examples

Hinzufügen des jQuery-UI-Skripts und grundlegende Verwendung Um mit der jQuery-UI-Bibliothek zu beginnen, müssen Sie das jQuery-Skript, das jQuery-UI-Skript und das jQuery-UI-Stylesheet zu Ihrem HTML-Code hinzufügen. die gewünschten Funktionen aus. Entpacken Sie Ihren Download, und legen Sie und (und ) in einem Ordner ab, in dem Sie sie in Ihrem HTML vor . Datepicker beispielsweise mit dem folgenden HTML-Code:

Dann benutze folgendes JavaScript:

Weitere Informationen finden Sie in der offiziellen Anleitung "Erste Schritte" . https://riptutorial.com/de/home4 JavaScript-Bibliothek von jQuery zu erweitern und zu erweitern. Ihrem HTML-Code hinzufügen. Ein schneller Anfang ist die Verwendung der verfügbaren

Codequellen des Content Delivery Network:

jQuery-Bibliotheken

CSS hinzu.

jQuery UI CSS

Alles zusammenfügen

und Stylesheets jetzt Ihrem HTML-Code hinzufügen, damit Ihre Webseite nun die Bibliotheken laden, ist wichtig. Rufen Sie zuerst die jQuery-Bibliothek und dann Ihre jQuery-UI- Bibliothek auf. Da jQuery UI jQuery erweitert, muss es danach aufgerufen werden. Ihr HTML-Code https://riptutorial.com/de/home5 Erste Schritte mit der jQuery UI Library online lesen: https://riptutorial.com/de/jquery- ui/topic/513/erste-schritte-mit-der-jquery-ui-library https://riptutorial.com/de/home6

Kapitel 2: Akkordeon

Syntax

$ (function () {$ ("#selecter") .accordion ();});• $ (function () {$ ("#selecter") .accordion ({active: 2});});• $ (function () {$ ("#selecter") .accordion ({animate: 200});});• $ (function () {$ ("#selecter") .accordion ({collapsible: true});});•

Parameter

ParameterDetail

aktivTyp Boolean oder Integer. Boolean erfordert, dass collapsible den Wert true hat animierenGeben Sie Boolean, Number, String oder Object ein zusammenklappbarGeben Sie Boolean ein

VeranstaltungGeben Sie String ein

HeaderTypauswahlelement

heightStyleGeben Sie String ein

SymboleGeben Sie ein jQuery-UI-Symbolobjekt ein

Bemerkungen

Weitere Informationen finden Sie hier: http://api.jqueryui.com/accordion/

Examples

Akkordeon Grundlegende Verwendung

Um ein Akkordeon zu verwenden, müssen Kopfzeilen und Inhalt in den Kopfzeilen im HTML-Code instanziieren. https://riptutorial.com/de/home7

Im HTML:

angezeigt, in dem alle jQuery-UI-Elemente entfernt werden.

Diese Methode akzeptiert keine Argumente.

Akkordeon deaktivieren Verwendung

jQuery UI Library #jquery-ui

Inhaltsverzeichnis

Über1

Kapitel 1: Erste Schritte mit der jQuery UI Library2

Bemerkungen2

Versionen2

Examples4

Hinzufügen des jQuery-UI-Skripts und grundlegende Verwendung4

Kapitel 2: Akkordeon7

Syntax7

Parameter7

Bemerkungen7

Examples7

Akkordeon Grundlegende Verwendung7

Akkordeon deaktivieren Verwendung8

Akkordeon aktivieren Verwendung8

Akkordeonoption Verwendung8

Akkordeon-Refresh-Nutzung9

Verwendung des Accordiong-Widgets9

Examples10

Einfaches Beispiel10

Kapitel 4: Datumsauswahl11

Examples11

Initialisierung11

Minimale und maximale Datumsangaben für eine Datumsauswahl festlegen11

Zeige Woche des Jahres11

Legen Sie ein benutzerdefiniertes Datumsformat fest11

Monat und Jahr Dropdown anzeigen13

Kapitel 5: Dialog14

Syntax14

Parameter14

Bemerkungen17

Examples17

Einfaches Beispiel17

Öffnet das Dialogfeld, wenn ein Ereignis auftritt17 Komplexes Beispiel - jQuery-UI-Dialog zum dynamischen Erstellen18

Erstellen eines Dialogs mit Tabbed Titelleiste21

Kapitel 6: Icons24

Syntax24

Bemerkungen24

Examples24

Grundlegende Verwendung24

Kapitel 7: jQuery UI Drehbares Plug-In25

Parameter25

Examples25

Erstbenutzungsbeispiel25

Kapitel 8: jquery ui sortierbar27

Examples27

Kapitel 9: Schieberegler29

Examples29

Einfaches Beispiel29

Bereichsschieberegler29

Werte und Grenzwerte initialisieren29

Verwenden des Folienereignisses30

Einstellungswerte und das Änderungsereignis30

Kapitel 10: Sortierbar32

Syntax32

Parameter32

Bemerkungen35

Examples35

Einfaches Beispiel35

Sortierbares Gitter mit flexiblem Layout36

Sortierbar - Animieren Sie die Rücknahme eines nicht akzeptierten Elements37

Kapitel 11: Spinner40

Syntax40

Parameter40

Bemerkungen40

Examples40

Basisbeispiel40

Kapitel 12: Taste42

Syntax42

Parameter42

Examples42

Grundlegende Verwendung42

Kapitel 13: Ziehbar43

Examples43

Einfaches Beispiel43

Mit Griff ziehbar43

Credits44

Über

You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: jquery-ui-library It is an unofficial and free jQuery UI Library ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official jQuery UI

Library.

The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners. Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to info@zzzprojects.com https://riptutorial.com/de/home1

Kapitel 1: Erste Schritte mit der jQuery UI

Library

Bemerkungen

bietet.

Versionen

1.7.02009-03-06

1.7.12009-03-19

1.7.22009-06-12

1.7.42010-05-04

1.8.02010-03-23

1.8.12010-05-04

1.8.22010-06-07

1.8.42010-08-10

1.8.52010-09-17

1.8.62010-10-02

1.8.72010-12-10

1.8.82011-01-14

1.8.92011-01-21

1.8.102011-02-24

1.8.112011-03-18

1.8.122011-04-23

1.8.132011-05-17

https://riptutorial.com/de/home2

1.8.142011-06-28

1.8.152011-08-08

1.8.162011-08-18

1.8.172012-01-10

1.8.182012-02-23

1.8.192012-04-17

1.8.202012-04-30

1.8.212012-06-05

1.8.222012-07-24

1.8.232012-08-15

1.8.242012-09-28

1.9.02012-10-08

1.9.12012-10-25

1.9.22012-11-23

1.10.02013-01-17

1.10.12013-02-15

1.10.22013-03-14

1.10.32013-05-03

1.10.42014-01-17

1.11.02014-06-26

1.11.12014-08-13

1.11.22014-10-16

1.11.32015-02-12

1.11.42015-03-11

https://riptutorial.com/de/home3

Examples

Hinzufügen des jQuery-UI-Skripts und grundlegende Verwendung Um mit der jQuery-UI-Bibliothek zu beginnen, müssen Sie das jQuery-Skript, das jQuery-UI-Skript und das jQuery-UI-Stylesheet zu Ihrem HTML-Code hinzufügen. die gewünschten Funktionen aus. Entpacken Sie Ihren Download, und legen Sie und (und ) in einem Ordner ab, in dem Sie sie in Ihrem HTML vor . Datepicker beispielsweise mit dem folgenden HTML-Code:

Dann benutze folgendes JavaScript:

Weitere Informationen finden Sie in der offiziellen Anleitung "Erste Schritte" . https://riptutorial.com/de/home4 JavaScript-Bibliothek von jQuery zu erweitern und zu erweitern. Ihrem HTML-Code hinzufügen. Ein schneller Anfang ist die Verwendung der verfügbaren

Codequellen des Content Delivery Network:

jQuery-Bibliotheken

CSS hinzu.

jQuery UI CSS

Alles zusammenfügen

und Stylesheets jetzt Ihrem HTML-Code hinzufügen, damit Ihre Webseite nun die Bibliotheken laden, ist wichtig. Rufen Sie zuerst die jQuery-Bibliothek und dann Ihre jQuery-UI- Bibliothek auf. Da jQuery UI jQuery erweitert, muss es danach aufgerufen werden. Ihr HTML-Code https://riptutorial.com/de/home5 Erste Schritte mit der jQuery UI Library online lesen: https://riptutorial.com/de/jquery- ui/topic/513/erste-schritte-mit-der-jquery-ui-library https://riptutorial.com/de/home6

Kapitel 2: Akkordeon

Syntax

$ (function () {$ ("#selecter") .accordion ();});• $ (function () {$ ("#selecter") .accordion ({active: 2});});• $ (function () {$ ("#selecter") .accordion ({animate: 200});});• $ (function () {$ ("#selecter") .accordion ({collapsible: true});});•

Parameter

ParameterDetail

aktivTyp Boolean oder Integer. Boolean erfordert, dass collapsible den Wert true hat animierenGeben Sie Boolean, Number, String oder Object ein zusammenklappbarGeben Sie Boolean ein

VeranstaltungGeben Sie String ein

HeaderTypauswahlelement

heightStyleGeben Sie String ein

SymboleGeben Sie ein jQuery-UI-Symbolobjekt ein

Bemerkungen

Weitere Informationen finden Sie hier: http://api.jqueryui.com/accordion/

Examples

Akkordeon Grundlegende Verwendung

Um ein Akkordeon zu verwenden, müssen Kopfzeilen und Inhalt in den Kopfzeilen im HTML-Code instanziieren. https://riptutorial.com/de/home7

Im HTML:

angezeigt, in dem alle jQuery-UI-Elemente entfernt werden.

Diese Methode akzeptiert keine Argumente.

Akkordeon deaktivieren Verwendung