# Javascript in Frontend Plugin einbinden

**URL:** https://forum.shopware.com/t/javascript-in-frontend-plugin-einbinden/44716
**Category:** Programmierung
**Created:** [22. März 2017 um 10:20 UTC](https://forum.shopware.com/t/javascript-in-frontend-plugin-einbinden/44716 "2017-03-22T10:20:17Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![itevoag](https://avatars.discourse-cdn.com/v4/letter/i/8edcca/32.png) [@itevoag](https://forum.shopware.com/u/itevoag)
#### Post date: [22. März 2017 um 10:20 UTC](https://forum.shopware.com/t/javascript-in-frontend-plugin-einbinden/44716/1 "2017-03-22T10:20:17Z")

</div>

Hallo zusammen,

ich versuche Javascript (JQuery) in ein von mir erstelltes Frontent-Plugin einzubinden. Dies wird aber scheinbar nicht mitkompiliert. Habe dazu auch die Seite [developers.shopware.com](https://developers.shopware.com/developers-guide/shopware-5-plugin-update-guide/?_ga=1.155132088.1080421477.1458737348#javascript) genutzt.

In der Bootstrap.php meines Plugins wird ein Event registriert und die entsprechende Funktion aufgerufen:

```
public function install()
{
  $this->subscribeEvent(
	'Theme_Compiler_Collect_Plugin_Javascript',
	'onCollectJavascriptFiles'
  );
}

public function onCollectJavascriptFiles(Enlight_Event_EventArgs $args)
{
  $jsFiles = array( __DIR__. '/Views/frontend/_public/src/js/dhltracking.js');
  return new Doctrine\Common\Collections\ArrayCollection($jsFiles);
}

```

&nbsp;

In er Javascript Datei habe ich bisher lediglich folgenden Code:

```
alert("ausserhalb");
$(function () {
	alert("geladen");
    $('#spedition').change(function() {
    	if($('#spedition').val() == 'nein') {
    		$('.dhl--trackingnumbers').show();
    	}
    	else if($('#spedition').val() == 'ja') {
    		$('.dhl--trackingnumbers').hide();
    	}

    });
})(jQuery);

```

&nbsp;

Kann jemand erkennen, warum das Javascript nicht geladen wird?

Über das Backend habe ich das Plugin erneut installiert als über Einstellungen -\> Performance den Cache geleert. Auch den Browser Cache habe ich geleert.

&nbsp;

Danke und Gruß

Peter

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [22. März 2017 um 10:28 UTC](https://forum.shopware.com/t/javascript-in-frontend-plugin-einbinden/44716/2 "2017-03-22T10:28:46Z")

</div>

Edit: Hab Blödsinn geschrieben. Hast du vielleicht irgendwo JS-Fehler? Und noch mal schauen, ob das JS-File auch dort an der Position liegt.

&nbsp;

---

<div class="post-metadata">

### Author: ![itevoag](https://avatars.discourse-cdn.com/v4/letter/i/8edcca/32.png) [@itevoag](https://forum.shopware.com/u/itevoag)
#### Post date: [22. März 2017 um 10:33 UTC](https://forum.shopware.com/t/javascript-in-frontend-plugin-einbinden/44716/3 "2017-03-22T10:33:25Z")

</div>

Scheinbar muss nicht das Plugin neu installiert werden, sondern das Theme erneut kompiliert werden. Hätte ich nicht vermutet, aber das funktioniert in meinem Fall.

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [22. März 2017 um 10:48 UTC](https://forum.shopware.com/t/javascript-in-frontend-plugin-einbinden/44716/4 "2017-03-22T10:48:03Z")

</div>

Du kannst ja dein Plugin erweitern und bei „install“ oder „update“ das automatisch zu machen.
