Pregunta sobre Developing with WordPress de Wordpress:

Shuffle.js con un archivo de correo personalizado

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

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *