jquery

Document Ready

jQuery document ready Kurzform

Warten auf goDOM…

JavaScript im document ready wird erst ausgeführt sobald der DOM fertig geladen ist. Funktionen sollten bereits vor document ready stehen. $(document).ready(function() { /* JS */ }); Kurzform $(function() { /* JS */ });

jQuery User Agent

jQuery User Agent

Browser mit jQuery ermitteln oder eine jQuery Browserweiche erstellen

Der Kompatibilitätsmodus im Internet Explorer hat auf diese Prüfung keinen Effekt. Hier muss manuell nachgebessert werden. <script type="text/javascript"> var ie = false; var ie6 = false; var ie7 = false; var ie8 = false; var ie9 = false; var ie10 = false; var…

jQuery Tabs

jQuery Tabs

Reiternavigation mit jQuery

Durch Klicken auf die Reiter der Tab-Navigation oder auf weiter/zurück wechselt der Inhalt. Der jeweils aktive Reiter erhält die CSS-Klasse „active“. Reiter- und Contentanzahl müssen gleich sein. Der Content wechselt indem der sichtbare Inhalt ausgeblendet wird und der…

jQuery Overlay

jQuery Overlay

Einfaches jQuery Overlay

Das Overlay hat eine vertikale und horizontale Zentrierung. Bei Anpassung der Fensterbreite und -höhe wird diese neu berechnet. Bei geringer Browserhöhe scrollt die Seite nach oben und position:fixed wird in position:absolute geändert damit das Overlay funktional bleibt.…

Impressum