estoy haciendo una web en wordpress, quiero incluir algunas funcionalidades con JS, por lo que he creado un archivo llamado mi_script.js en el directorio js/mi_script.js
He creado un simple boton con un alert para ver si funciona, pero me da error en la consola de que no reconoce la funcion.
Adjunto el codigo del functions a ver si me podeis decir donde estoy cometiendo el error.
function pyrans_styles() {
// registrar estilos
wp_register_style('normalize', get_template_directory_uri() . '/css/normalize.css', array(),'5.0');
wp_register_style('style', get_template_directory_uri() . '/style.css', array('normalize'),'1.0');
//llamar a los estilos
wp_enqueue_style('normalize');
wp_enqueue_style('style');
wp_enqueue_style( 'bootstrap', "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css");
wp_enqueue_style( 'fontawesome', get_stylesheet_directory_uri() . '/css/font-awesome.min.css' );
wp_enqueue_style('Montserrat', "https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800&display=swap");
wp_enqueue_style('Open_Sans', "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
wp_enqueue_script( 'bootstrapjs', "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js", array('jquery'), '3.3.6', true );
//registrar js, el TRUE sirve para q cargue el archivo en el footer
wp_register_script('scripts', get_template_directory_uri() .'/js/scripts.js', array(),'1.1.0', true);
//llamar al js
wp_enqueue_script('jquery');
// El jquery ya viene instalador en WP, por lo que solo tenemos que hacer la llamada.
wp_enqueue_script('mi_script');
}
add_action('wp_enqueue_scripts', 'pyrans_styles' );
$ = jQuery.noConflict();
$(document).ready(function(){
$('.mobile-menu a').on('click', function(){
$('nav.menu-sitio').toggle('slow');
} );
var breakpoint = 768;
$(window).resize(function(){
// console.log( $(document).width() )
// para ver el tamaño de la pantalla en la consola
if($(document).width() >= breakpoint){
$('nav.menu-sitio').show();
}else{
$('nav.menu-sitio').hide();
}
} );
function myFunction() {
alert("I am an alert box!");
}
});
<button onclick="myFunction()">Try it</button>
No sé si estoy cometiendo algun error al insertar la libreria de bootstrap, ya que cada versión reciente cambia, agrederia que me dijeseis si lo estoy haciendo bien o mal. Espero vuestra respuesta ! Gracias
wp_enqueue_script('mi_script');
<button onclick="myFunction()">
es una lotería si no sabes si el script que definemyFunction()
se carga antes o después de que el elementobutton
exista, lo mas aconsejable en estos casos es asignarle una clase o id al boton y luego usarjQuery(document).ready(function() {
para asignarle el eventoonclick
al botón porclass
oID
una vez que se cargó todo el html y el elemento existe