# jQuery Plugin im Template aufrufen

**URL:** <https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726>\
**Category:** Programmierung\
**Created:** [29. Mai 2015 um 11:37 UTC](https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726 "2015-05-29T11:37:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bluewolf](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/bluewolf/32/7886_2.png) [@bluewolf](https://forum.shopware.com/u/bluewolf)\
**Post date:** [29. Mai 2015 um 11:37 UTC](https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726/1 "2015-05-29T11:37:15Z")

</div>

Hallo, ich habe nach der [Anleitung](https://devdocs.shopware.com/developers-guide/shopware-5-plugin-update-guide/#write-own-jquery-plugins) ein weiteres jQuery-Plugin eingebunden. Laut Anleitung erfolgt der Aufruf über `// Call the plugin $('.test').yourName();` Bei mir wird zwar das Plugin erfolgreich eingebunden, aber der Aufruf erzeugt lt. der Konsole in Chrome einen Fehler: `Uncaught ReferenceError: $ is not defined (anonymous function) @ ?p=1:507` Wie binde ich den Aufruf richtig ein?

---

<div class="post-metadata">

**Author:** ![Patrick\_Stahl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/patrick_stahl/32/7679_2.png) [@Patrick\_Stahl](https://forum.shopware.com/u/Patrick_Stahl)\
**Post date:** [29. Mai 2015 um 16:47 UTC](https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726/2 "2015-05-29T16:47:16Z")

</div>

Hallo bluewolf, der Fehler entsteht, da das -Zeichen noch nicht jQuery zugeordnet ist. Entweder nutzt du hier jQuery('.test').yourName() oder weist dem Dollar-Zeichen vorher jQuery zu, bspw. über eine anonyme Funktion: [code] (function () { //Dein Code hier })(jQuery); [/code] Gruß, Patrick :shopware:

---

<div class="post-metadata">

**Author:** ![bluewolf](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/bluewolf/32/7886_2.png) [@bluewolf](https://forum.shopware.com/u/bluewolf)\
**Post date:** [1. Juni 2015 um 08:11 UTC](https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726/3 "2015-06-01T08:11:43Z")

</div>

Hallo Patrick, das funktioniert hier irgendwie überhaupt nicht… Wenn ich den Aufruf änder, kommt: `Uncaught ReferenceError: jQuery is not defined(anonymous function) @ ?p=1:356` Kann hier mal ein Code-Schnipsel rein, der auch funktioniert? PHP Storm meldet mir keine Fehler, aber nichts funktioniert…

---

<div class="post-metadata">

**Author:** ![TeichDatensysteme](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@TeichDatensysteme](https://forum.shopware.com/u/TeichDatensysteme)\
**Post date:** [1. Juni 2015 um 09:23 UTC](https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726/4 "2015-06-01T09:23:45Z")

</div>

Hi! Ich habe meine JS-Plugins auch erst so ans laufen bekommen ` ;jQuery(function ($) { 'use strict'; $.plugin('foo', { defaults: {}, init: function () {}, destroy: function () {}, }); StateManager.addPlugin('bar', 'foo', ['m', 'l', 'xl']); }); ` Vielleicht hilft das weiter. Schöne Grüße, Niklas

---

<div class="post-metadata">

**Author:** ![Heiner\_Lohaus](https://avatars.discourse-cdn.com/v4/letter/h/b5a626/32.png) [@Heiner\_Lohaus](https://forum.shopware.com/u/Heiner_Lohaus)\
**Post date:** [1. Juni 2015 um 09:25 UTC](https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726/5 "2015-06-01T09:25:53Z")

</div>

Hi bluewolf, wichtig ist auch, dass du dein JS nach der „/web/cache/\*.js“ einbindest. Da sonst „jQuery“ noch nicht geladen ist und es zu dem genannten Fehler kommt. Das JavaScript wird im Frontend nämlich als letztes geladen, damit es den Aufbau der Seite nicht stört. Heiner

---

<div class="post-metadata">

**Author:** ![bluewolf](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/bluewolf/32/7886_2.png) [@bluewolf](https://forum.shopware.com/u/bluewolf)\
**Post date:** [1. Juni 2015 um 12:02 UTC](https://forum.shopware.com/t/jquery-plugin-im-template-aufrufen/27726/6 "2015-06-01T12:02:01Z")

</div>

1.000 Dank - ich bin wohl noch nicht ganz in Shopware 5 angekommen: [quote]wichtig ist auch, dass du dein JS nach der “/web/cache/\*.js” einbindest. Da sonst “jQuery” noch nicht geladen ist und es zu dem genannten Fehler kommt.[/quote] Das war natürlich die Lösung! 😃
