jQuery-Code funktioniert nicht auf der Widgets-Seite

Ich versuche, diesen Code zu einem meiner Widgets Form hinzuzufügen, aber es funktioniert nicht.

 $(document).ready(function() { $('#select').change(function() { $("#" + this.value).show().siblings().hide(); }); $("#select").change(); });   ad1 ad2 ad3  
ad1
ad2
ad3

Der Code sollte basierend auf der aktuellen Optionsauswahl divs mit IDs (ad1, ad2, ad3) anzeigen / ausblenden, aber auf der Widgets-Seite wird der Job nicht ausgeführt. Es scheint, dass etwas nicht in Ordnung mit dem Aufruf von jQuery auf der Widgets-Seite ist.

Solutions Collecting From Web of "jQuery-Code funktioniert nicht auf der Widgets-Seite"

Das funktioniert wahrscheinlich nicht, weil WordPress den noConflict() -Modus verwendet. Aus dem Codex:

Die in WordPress enthaltene jQuery-Bibliothek wird auf den noConflict() -Modus gesetzt (siehe wp-includes/js/jquery/jquery.js ). Dies verhindert Kompatibilitätsprobleme mit anderen JavaScript-Bibliotheken, die WordPress verlinken kann.

Im Modus noConflict() ist die globale Verknüpfung $ für jQuery nicht verfügbar

Was Sie tun müssen, ist etwa so:

  

Diese Zeile: jQuery(document).ready(function($) { weist JQuery an, den $ jQuery(document).ready(function($) { zu verwenden, damit Sie JQuery so schreiben können, wie Sie es gewohnt sind zu sehen.


JQuery ist nicht mein starker Anzug. Ich war in der Lage, es funktioniert zu bekommen, versuchen Sie es:

 function form() { ?>    
ad1
ad2
ad3
< ?php }