我是開發(fā) WordPress 主題的新手,但在導(dǎo)航菜單中遇到了一些問題。由于某些原因,我想通過 jQuery 打開子菜單,但失敗了。你們能幫我解決這個(gè)問題嗎?我在不同的 php 和 js 頁面中編寫了以下代碼。標(biāo)題.php<div class="anilaDefaultHeader__bottom"> <nav class="main-menu" role="navigation" aria-label="<?php esc_html_e( 'Main Navigation', 'anila' ) ?>"> <?php get_template_part( 'template/header/main-menu' ); ?> </nav> <div class="search-area"> <?php get_search_form(); ?> </div></div>/src/js/navigation.jsimport $ from 'jquery'; $( '.anilaDefaultHeader__bottom' ).on( 'mouseenter', '.menu-item-has-children' (e) => { $(.currentTarget).addClass('open'); }).on('mouseleave', '.menu-item-has-children', (e) => { $(e.currentTarget).removeClass('open'); })/lib/anila-script.php function anila_custom_script() { wp_enqueue_style( 'style-css',get_template_directory_uri() . '/src/css/main.css' ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } wp_enqueue_script( 'anila_script', get_template_directory_uri() . '/src/js/navigation.js', array( 'jquery' ), '1.0.0', true); include( get_template_directory() . '/lib/inline-css.php' ); wp_add_inline_style( 'style-css', $inline_styles );}add_action( 'wp_enqueue_scripts', 'anila_custom_script' );一切正常,但當(dāng)我懸停時(shí),唯一的子菜單沒有打開。如果我去檢查并手動(dòng)添加“打開”類,它會(huì)正確顯示。但它應(yīng)該在我懸停時(shí)打開。我去檢查和控制臺(tái)并發(fā)現(xiàn)錯(cuò)誤**“不能在模塊外使用導(dǎo)入語句”**當(dāng)我刪除import $ from 'jquery';來自 navigation.js然后這個(gè)消息出現(xiàn)在 inspect->console**$ 不是函數(shù) navigation.js?ver=1.0.0:2**請(qǐng)幫助修復(fù)它。
- 1 回答
- 0 關(guān)注
- 143 瀏覽
添加回答
舉報(bào)
0/150
提交
取消