Fehlermeldung TypeError: $

**joelehmann** · 10.04.2019, 12:33

Hallo,
unter Entwicklerwerkzeuge - Console wird für jede Seite

startseite.html:92 Uncaught TypeError: $(...).ready is not a function
at startseite.html:92
(anonymous) @ startseite.html:92

angezeigt.
Hat jemand eine Erklärung für mich was das bedeutet.
Das ist die Seite https://bikebringer.de , installiert ist Contao 4.7 bei allinkl.
Gruß Joe

**Fehrmann** · 10.04.2019, 12:37

Hi,

wahrscheinlich ist jQuery im Seitenlayout nicht aktiviert.

Viele Grüße

**Spooky** · 10.04.2019, 12:43

Du hast MooTools und jQuery gleichzeitig aktiviert. Da musst du bei eigenen JavaScripts dann aufpassen. Bspw. musst du

HTML-Code:

<script>
  $(document).ready(function(){
    $("table").wrap('<div class="table-scrollable"></div>');
  });
</script>

auf

HTML-Code:

<script>
  (function($){
    $(document).ready(function(){
      $("table").wrap('<div class="table-scrollable"></div>');
    });
  })(jQuery);
</script>

ändern.

Übrigens: da das JavaScript am ende des <body> auftaucht, kannst du das auf

HTML-Code:

<script>
  (function($){
    $('table').wrap('<div class="table-scrollable"></div>');
  })(jQuery);
</script>

vereinfachen. Oder noch weiter vereinfacht:

HTML-Code:

<script>
  jQuery('table').wrap('<div class="table-scrollable"></div>');
</script>

**tab** · 10.04.2019, 12:45

Du hast sowohl jQuery als auch MooTools eingebunden, das führt zu Konflikten (Abhilfe Stichwort noConflict Modus) und man sollte das möglichst sowieso vermeiden, weil eben zwei relativ große Dateien geladen werden müssen statt nur eine.

**Arno** · 10.04.2019, 12:45

Hi,

Zitat von Fehrmann

Hi,
wahrscheinlich ist jQuery im Seitenlayout nicht aktiviert.

laut Quellcode sind sowohl jQuery als auch Mootools fürs Frontend aktiviert.

Könnte das nicht einen Konflikt auslösen? Du könntest statt

Code:

$(document).ready(function()

einfach mal

Code:

jQuery(document).ready(function()

probieren oder den "noconflict" Ansatz prüfen:
https://api.jquery.com/jquery.noconflict/
Bin aber gerade unsicher, ob der noch aktuell ist...

Arno

**Spooky** · 10.04.2019, 12:46

jQuery.noconflict() ist nicht für diesen Fall gedacht. Das braucht man, wenn man mehrere jQuery Versionen gleichzeitig einsetzen will.

**Arno** · 10.04.2019, 12:50

Hallo Spooky,

Zitat von Spooky

jQuery.noconflict() ist nicht für diesen Fall gedacht. Das braucht man, wenn man mehrere jQuery Versionen gleichzeitig einsetzen will.

Liest sich für mich aber so als ob man es sowohl für die Verwendung von zwei jQuery Versionen als auch anderen Javascript Libraries (wie Mootools) benutzen kann:

If you need to use another JavaScript library alongside jQuery, return control of $ back to the other library with a call to $.noConflict().

von: https://api.jquery.com/jquery.noconflict/

**tab** · 10.04.2019, 12:51

Zitat von Spooky

jQuery.noconflict() ist nicht für diesen Fall gedacht. Das braucht man, wenn man mehrere jQuery Versionen gleichzeitig einsetzen will.

Ah ja, wieder was gelernt. War das schon immer so?

**Spooky** · 10.04.2019, 12:53

Zitat von Arno

Hallo Spooky,

Liest sich für mich aber so als ob man es sowohl für die Verwendung von zwei jQuery Versionen als auch anderen Javascript Libraries (wie Mootools) benutzen kann:

von: https://api.jquery.com/jquery.noconflict/

Ja - aber das würde in diesem Fall nichts nutzen, da MooTools nach jQuery geladen wird und MooTools daher die Kontroller über $ übernommen hat, nicht umgekehrt.

**joelehmann** · 10.04.2019, 12:57

Danke für die schnellen Antworten.
j-Query und Mootools war der Konflikt.

**Arno** · 10.04.2019, 12:58

Zitat von Spooky

Ja - aber das würde in diesem Fall nichts nutzen, da MooTools nach jQuery geladen wird und MooTools daher die Kontroller über $ übernommen hat, nicht umgekehrt.

Okay, das kann natürlich sein.
In jedem Fall würde ich persönlich es vermeiden sowohl jQuery als auch Mootools parallel zu verwenden. Da stellt man sich nur selber ein Bein.

Liebe Grüße!