Meine jQuery ist ordnungsgemäß eingereiht. Warum funktioniert es nicht?

Ich versuche nur ein kleines bisschen show / hide jQuery zu einem untergeordneten Thema hinzuzufügen.

$(document).ready(function(){ $("#openbtn").click(function(){ $("#openingtimes").toggle(300); }); }); 

Ich habe den obigen Code in einer Datei namens buttons.js .

Ich habe dann das Skript registriert und enquequed mit dem folgenden in meiner functions.php Datei:

  

Im ausgegebenen Quellcode scheint das Skript korrekt geladen zu sein.

   

Aber der Knopf hat keine Wirkung.

Zum besseren Verständnis, hier ist der HTML-Code, der sich auswirken sollte:

  

Mondays: Closed
Tues-Fri: Noon-3pm; 5.30pm-10pm
Sat-Sun: Noon-10.30pm

Jede Hilfe wird sehr geschätzt.

Solutions Collecting From Web of "Meine jQuery ist ordnungsgemäß eingereiht. Warum funktioniert es nicht?"

jQuery-Skripte in WordPress erfordern keine Konflikt-Wrapper .

An Stelle von:

 $(document).ready(function(){ $(#somefunction) ... }); 

Benutze das:

 jQuery(document).ready(function($) { // $() will work as an alias for jQuery() inside of this function }); 

Also, in deinem Fall:

 jQuery(document).ready(function($) { $("#openbtn").click(function(){ $("#openingtimes").toggle(300); }); }); 

Ich würde auch Ihre function ändern zu:

 function wpa_87661(){ wp_enqueue_script('buttons', get_bloginfo('stylesheet_directory') . '/buttons.js', array('jquery'), '1.0' ); } add_action('wp_enqueue_scripts','wpa_87661'); 

so dass Sie Ihr Skript in den wp_enqueue_scripts Hook wp_enqueue_scripts , wie im Codex empfohlen.

Wenn Sie Chrome oder Firebug verwenden, prüfen Sie mithilfe der Konsole, ob JavaScript-Fehler vorliegen.