Javascript incluido pero la función alert() no funciona

3 dic 2012, 17:53:49
Vistas: 17.8K
Votos: 0

He incluido el javascript mediante

wp_enqueue_script('slider', plugins_url( 'slider.js', __FILE__ ) );

con un simple

$(document).ready(function () {
    alert("alerta");
});

Aparece en el navegador pero no me muestra el "alerta".

PD: Olvidé mencionar que también incluí jQuery, pero aún no funciona.

wp_deregister_script('jquery');
wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
wp_enqueue_script('jquery');

Además de las respuestas, también tuve que indicarle a WordPress que mi script depende de jQuery

wp_enqueue_script( 'slider', plugins_url( 'slider.js', __FILE__ ),array('jquery') );
0
Todas las respuestas a la pregunta 3
0

Algunas cosas a tener en cuenta:

  1. La versión de jQuery que incluye WordPress se ejecuta en modo noConflict(). Esto significa que debes usar jQuery en lugar de $ cuando hagas tu primera referencia.
  2. No registres tu propia versión de jQuery cuando estés desarrollando. Esto te limita a una versión específica que puede ser incompatible con otros requisitos de WordPress.
  3. Puedes usar la consola del navegador para probar cosas. Abre tu página, presiona F12 para abrir la consola. Escribe jQuery en la consola y verifica si devuelve el objeto correcto.
3 dic 2012 17:59:31
0

WordPress carga jQuery en modo "No Conflict". El alias $ no funciona. Usa jQuery.(document) o envuelve tu código así...

(function($) { 
  $(function() {
    // más código usando $ como alias de jQuery
  });
})(jQuery);
3 dic 2012 17:59:40
0

Vale la pena verificar según la declaración de Bootstrap .js si es requerido (después de jQuery), por ejemplo:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
25 jul 2017 15:57:51