前提・実現したいこと
![イメージ説明]
https://plusers.net/wordpress_theme_3
こちらのサイトを参考にナビボタンをクリックしたらアニメーションなるのですがjQueryが動きません。
ネットで色々と調べたのですが原因が分かりません。
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="keywords" content=""> 6 <meta name="description" content=""> 7 <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=auto"> 8 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> 9 <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>"> 10 <?php wp_head(); ?> 11 </head> 12 <body <?php body_class(); ?> > 13 <header> 14 <div class="header-container"> 15 <div class="header-logo"> 16 <h1 class="logo"><a href="<?php echo esc_url( home_url( '/' )); ?>" class="logo-link"><img src="<?php echo get_template_directory_uri(); ?>/./lib/images/logo.png" alt="<?php bloginfo('name'); ?>"></a></h1> 17 </div> 18 <div class="header-navtoggle"> 19 <div> 20 <span></span> 21 <span></span> 22 <span></span> 23 </div> 24 </div> 25 <nav class="header-globalnav"> 26 <?php wp_nav_menu( array( 27 'theme_location' => 'header-nav', 28 'container' => 'nav', 29 'container_id' => 'header-nav', 30 'container_class' => 'header-nav', 31 'fallback_cd' => '' )); ?> 32<!-- 33 <ul class="menu"> 34 <li><a href="">MENU1</a></li> 35 <li><a href="">MENU2</a></li> 36 <li><a href="">MENU3</a></li> 37 <li><a href="">MENU4</a></li> 38 <li><a href="">MENU5</a></li> 39 </ul> 40--> 41 </nav> 42 </div> 43 </header> 44```navbutton.js 45```jQuery 46jQuery(function(){ 47 jQuery(".header-navtoggle").on("click",function(){ 48 jQuery("header").toggleClass("open"); 49 jQuery("nav").slideToggle(500); 50 }); 51}); 52```functions.php 53```php 54<?php 55// テーマのセットアップ 56// titleタグをhead内で生成する 57add_theme_support( 'title-tag' ); 58// HTML5のマークアップ 59add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) ); 60// Feedのリンクを自動で生成する 61add_theme_support( 'automatic-feed-links' ); 62// アイキャッチ画像を使用する指定 63add_theme_support( 'post_thumbnails' ); 64// カスタムメニュー 65register_nav_menu( 'header-nav', 'ヘッダーナビゲーション' ); 66register_nav_menu( 'footer-nav', 'フッターナビゲーション' ); 67//メニューボタンjs呼び出し 68function navbutton_scripts(){ 69 wp_enqueue_script( 'navbutton_script', get_template_directory_uri() .'./js/navbutton.js', array('jquery') ); 70} 71add_action( 'wp_enqueue_scripts' , 'navbutton_scripts' );
試したこと
WordPressでjQueryが動かないときの対処法を見て同じようにしたのですが
原因がわかりませんでした。
回答1件
あなたの回答
tips
プレビュー