¿Quiero integrar jquery personalizado para mi barra de navegación y no se ve? Por favor, ayúdenme a investigarlo y avísenme en qué me estoy equivocando. En mi consola, recibí el siguiente mensaje de error
Uncaught ReferenceError: jQuery is not defined
http://localhost/earnds.com/wp-content/themes/earn-ds/assets/js/navigation.js?ver=1.0.0:50
Además, aquí está mi jquery personalizado completo.
/**
* File navigation.js.
*
* Handles toggling the navigation menu for small screens and enables TAB key
* navigation support for dropdown menus.
*/(function($) {
// search-box open close js code
let navbar = document.querySelector(".navbar");
let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");
searchBox.addEventListener("click", ()=>{
navbar.classList.toggle("showInput");
if(navbar.classList.contains("showInput")){
searchBox.classList.replace("bx-search" ,"bx-x");
}else {
searchBox.classList.replace("bx-x" ,"bx-search");
}
});
// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}
// sidebar submenu open close js code
let htmlcssArrow = document.querySelector(".htmlcss-arrow");
htmlcssArrow.onclick = function() {
navLinks.classList.toggle("show1");
}
let moreArrow = document.querySelector(".more-arrow");
moreArrow.onclick = function() {
navLinks.classList.toggle("show2");
}
let jsArrow = document.querySelector(".js-arrow");
jsArrow.onclick = function() {
navLinks.classList.toggle("show3");
}
})( jQuery );
Así es como hago cola.
wp_enqueue_script( 'earn-ds-navigation', get_template_directory_uri() . '/assets/js/navigation.js', array(), true );¿Cómo debo resolver el problema para que se cargue?
Este tema fue modificado hace 16 horas y 14 minutos por
.