jQuery

Zeta Producer inkludiert in jedem Layout, welches JavaScript über den project.bundleJs()-Befehl einbindet, auch die jQuery-Bibliothek in Version 1.7.2. Ihnen steht somit jQuery zur Benutzung bereit und Sie sollten – auch um Ladezeiten zu reduzieren – jQuery nicht einfach nochmals laden.

Die von Zeta Producer geladene jQuery Bibliothek kann auf drei Arten angesprochen werden.

Beispiel Syntax:

  1. jQuery("body").width()
  2. $("body").width()
  3. $z("body").width()

Beispiele 1. jQuery() und 2. $() zeigen die gewohnte, im Standard von jQuery vorgegebene Syntax.

Beispiel 3. $z() ist ein von Zeta Producer definierter Alias, der dazu dient, die von Zeta Producer geladene jQuery-Bibliothek gegen überladen mit anderen jQuery-Versionen abzusichern.
Hierdurch erreichen wir, dass eine später z.B. im Quellcode einer Seite nachgeladene jQuery-Bibliothek nicht die mit Zeta Producer ausgelieferten Widgets beeinflusst und somit Fehler verursacht.

Wenn Sie in Ihrem javaScript-Code den $z-Alias nutzen, können Sie sich darauf verlassen, dass Sie immer die von Zeta Producer ausgelieferte Version von jQuery ansprechen.

Nutzen Sie hingegen in Ihrem Code jQuery oder den $-Alias, dann spricht dieser Code immer die zuletzt geladene jQuery-Bibliothek an. Dies muss also nicht zwingend die von Zeta Producer ausgelieferte Version sein und Sie können sich daher nie sicher sein, mit welcher Version Sie arbeiten.

Wenn Ihr Code mit jQuery Version 1.7.2 kompatibel ist, dann nutzen Sie doch einfach den $z-Alias. Wenn Sie hingegen eine neuere jQuery-Version benötigen, dann laden Sie diese einfach in Ihrem Code und sprechen Sie dann einfach auf die gewohnte Art mit jQuery() oder $() an.

Beispiel einer Seite mit 2 verschiedenen jQuery-Versionen

Quellcode:

<!DOCTYPE html>
<html lang="de">
<head>
	<meta charset="utf-8" />
	<title>jQuery hoch 2</title>
	<$= project.bundleJs() $> 
</head>
<body>
Zeta Producer jQuery Version: 
<script>
document.write($.fn.jquery);
</script>
<br />
Nachgeladene jQuery Version:
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
document.write($.fn.jquery);
</script>
<br />
Zeta Producer jQuery Version nach dem nachladen einer anderen Version: 
<script>
document.write($z.fn.jquery);
</script>
</body>
</html>

Ausgabe:

Zeta Producer jQuery Version: 1.7.2 
Nachgeladene jQuery Version: 1.11.3 
Zeta Producer jQuery Version nach dem nachladen einer anderen Version: 1.7.2