Italiano
Română
Русский¿Cómo cargar un script jQuery al final?
¿Cómo hacer que esto se cargue al final?
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("div.domTip_tipBody").mouseover(function(){
jQuery("#yyy a.tippy_link").css("background-color","amarillo");});
jQuery("div.domTip_tipBody").mouseout(function(){
jQuery("#yyy a.tippy_link").css("background-color","rojo");
});
});
</script>
Se está ejecutando antes de que "div.domTip_tipBody" se ejecute (que es generado por un shortcode) así que nada sucede.
He intentado:
<script src="script.js" type="text/javascript" defer="defer"></script>
en mi header.php antes de
</head>
pero no ayuda.
He visto "window.onload =" pero no estoy seguro de cómo aplicarlo.
Cualquier idea es apreciada.
Gracias
Gracias Kaiser, esto colocó el script al final, por alguna razón el js todavía no está leyendo los selectores generados por el shortcode, ¡pero funciona para todo lo demás!
xyz
n/p. Nota: entonces esto sería una pregunta para SO. Intentaría simplemente usar la consola en tu FireBug/Chrome dev bar/IE dev tools, etc. Solo escribe console.log( jQuery( 'div' ) ); y verás si la selección funcionó.
kaiser
Kaiser, no conocía esa funcionalidad, gracias. Al usarla veo que aparecen estos elementos div#domTip_tipBox.domTip_Tip, div#this.tipHeader.domTip_tipHeader, div#this.tipBody.domTip_tipBody
xyz
Ignora lo anterior. Kaiser, gracias por la respuesta, no conocía esa funcionalidad, gracias. Al usarla veo que aparecen estos div#domTip_tipBox.domTip_Tip, div#this.tipHeader.domTip_tipHeader, div#this.tipBody.domTip_tipBody si hago clic en ellos me llevan a selectores CSS. He intentado usar el resultado "raw" de arriba y los selectores CSS a los que me dirigen pero ninguno hace que mi js los lea. ¿Hay algo que se pueda hacer para ayudar al js a leer estos selectores?
xyz
Como dije: Eso es una pregunta para SO. Pero de todos modos: Si puedes seleccionarlos ahí, entonces funcionan. También puedes colocar el console.log() directamente en tu script y ver la salida de la consola. Eso prueba que el script está funcionando. Entonces es algo más. Así que: Inténtalo y si no -> SO.
kaiser
Hola Rashid, gracias por tu respuesta. Tengo esperanza de que esto resuelva mi problema. Probé esto add_action('wp_footer','myscript_in_footer'); function myscript_in_footer(){ ?>
$.delegate('p','mouseover', function(e){ jQuery("#yyy a.tippy_link").css("background-color","yellow");}); $.delegate('p', function(e){ jQuery("#yyy a.tippy_link").css("background-color","red"); }); });</script>
<?php
} Cambié "div.domTip_tipBody" por "p" para verificar si la función funciona, pero no lo hace. ¿Puedes ver qué necesita cambiarse para que funcione?
xyz
Por favor lee este en su lugar. Gracias por tu respuesta. Tengo esperanza de que esto resuelva mi problema. Probé esto add_action('wp_footer','myscript_in_footer'); <script type="text/javascript">
jQuery(document).ready(function(){ ?>
$.delegate('p','mouseover', function(e){ jQuery("#yyy a.tippy_link").css("background-color","yellow");}); $.delegate('p', function(e){ jQuery("#yyy a.tippy_link").css("background-color","red"); }); });</script>
<?php
} Cambié "div.domTip_tipBody" por "p" para verificar si la función funciona, pero no lo hace. ¿Puedes ver qué necesita cambiarse para que funcione?
xyz
Gracias songdogtech, los enlaces ampliaron mi comprensión, lo aprecio. Tendré que investigar sobre js y shortcode ya que el js no está leyendo la salida de mi shortcode.
xyz
Gracias Rajeev, probé tu código y logró colocar el js al final, ahora tengo dos formas de hacer esto. El js aún no funciona en la salida de mi shortcode, así que debe ser un problema diferente.
xyz
Insertar esto directamente en el footer es la manera incorrecta de hacerlo.
kaiser