WordPress jQuery uncaught TypeError: $ ist keine Funktion

Question

Ich habe eine Funktion in meinem jQuery für meine Wordpress-Website. Es ist in meiner main.js und darüber document.ready und meine main.js wird geladen, nachdem jQuery geladen wurde.

Alles funktioniert in meiner statischen Version der Website, es funktioniert nicht, wenn ich versuche, es in meinem Thema in Wordpress

Die Funktion zu implementieren: in

function toggleChevron(e) { 
    $(e.target) 
     .prev('.panel-heading') 
     .find("i.indicator") 
     .toggleClass('glyphicon-triangle-bottom glyphicon-triangle-left'); 
} 

$('#accordion').on('hidden.bs.collapse', toggleChevron); 
$('#accordion').on('shown.bs.collapse', toggleChevron); 

Es gibt diesen Fehler meines Konsole:

Uncaught TypeError: $ is not a function`

Wenn ich versuche, die $ mit jQuery ich keine Fehler in meiner Konsole bekommen zu ersetzen, aber es funktioniert nicht. Weiß jemand, was hier vor sich geht? Vielen Dank im Voraus!

Answer 1

Vergewissern Sie sich, Skripte in der richtigen Reihenfolge geladen werden, wenn Ihre Website jQuery in noConflict-Modus ist, haben Sie zwei Möglichkeiten:

(function($) { 
    $(function() { 
    // Your code here 
    }); 
})(jQuery); 

Oder

jQuery(document).ready(function($) { 
    // Your code here 
});