Un usuario pregunt贸 馃憞
Quiero incluir shuffle.js en un archivo de correo personalizado. Puedo hacer que shuffle.js funcione en vanilla html, pero no puedo hacerlo funcionar en WordPress. Aqu铆 hay un enlace a la biblioteca shuffle.js si no est谩 familiarizado con ella:
https://vestride.github.io/Shuffle/
Intent茅 wp_register_script y wp_enqueue_script, y tampoco lo cargu茅 manualmente, pero nada funciona.
Este tema fue modificado hace 2 a帽os, 10 meses por.
(@ alokstha1)
Hace 2 a帽os, 10 meses
Hola @solerous
No estoy seguro de c贸mo pusiste en cola el gui贸n. Pero aqu铆 hay una peque帽a descripci贸n de c贸mo poner en cola los archivos javascript.
function wpdocs_theme_name_scripts() {
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/shuffle.js', array('jquery'), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );
script-name being the handle of your script;
add jquery as a dependency;
add true to add the script in the footer which is the most effective way.
Puede llamar a la funci贸n de la biblioteca shuffle.js para iniciarla desde su otro archivo js personalizado que est谩 en la cola justo debajo del script enffleue shuffle.js.
Hazme saber si esto funciona. Me encantar铆a escuchar tus comentarios. Gracias.
(@solerous)
Hace 2 a帽os, 10 meses
Gracias, eso funcion贸. Sin embargo, cuando intento iniciar el gui贸n, me sale un error.
<script>
$(function() {
var $grid = $('#grid'),
$sizer = $grid.find('.shuffle__sizer');
});
</script>
Los errores que encuentro son:
TypeError: $ no se aplica. (En ‘$ (function () {var $ grid = $ (‘ # grid ‘), $ sizer = $ grid.find (‘. Shuff__sizer ‘);})’, ‘$’ no est谩 definido)
y
TypeError: $ no se aplica. (En ‘$ (documento)’, ‘$’ no est谩 definido)
Por lo tanto, no parece estar cargando jquery correctamente.
(@solerous)
Hace 2 a帽os, 10 meses
Hmm … cuando precedo al script jquery usando solo html est谩ndar:
<script type="text/javascript" src="https://wordpress.org/support/topic/shuffle-js-with-custom-post-archive/<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-1.11.0.min.js">
隆parece funcionar!
(@ alokstha1)
Hace 2 a帽os, 10 meses
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-1.11.0.min.js"> no es una buena pr谩ctica. Para poner jquery en cola, WordPress proporciona un identificador predeterminado para ponerlo en cola en su sitio. Puede encontrar el identificador de jquery predeterminado aqu铆.
Todo lo que tienes que hacer es agregarle wp_enqueu_script('jquery'); comenzando usted wp_enqueue_scripts funci贸n de gancho. Y para mejorar su biblioteca shuffle.js, debe hacerlo a trav茅s de custom.js archivar y poner en cola en la parte inferior de su wp_enqueue_scripts funci贸n de gancho. En este archivo, debe iniciar su script como
jQuery(document).ready(function(){
//include your library callback function here without $.
});Sustituir PS le jQuery en su funci贸n. Espero que veas la magia sucediendo. 馃檪
Gracias.
(@wpstoneblue)
Hace 2 a帽os, 10 meses
Estaba usando:
jQuery(document).ready(function($){
if($("#merchant_id_missing").length){
con buen 茅xito de usar $. 驴Est谩 bien seguir usando este m茅todo?
(@ alokstha1)
Hace 2 a帽os, 10 meses
Si se帽or. @wpstoneblue, la forma en que empezaste a usarlo $ en jQuery(document).ready(function($){ Perfecto. Y pretendiendo usar $ no est谩 mal y est谩 bien.
Gracias. Acerca de.
驴Solucion贸 tu problema??
0 / 0