menú de selección de jQuery wordpress

2 minutos de lectura

Estoy moviendo un sitio de php normal a wordpress y actualmente usan el complemento jquery-selectmenu para sus menús de selección.

He intentado poner en cola el script en wordpress head sin suerte.

Los scripts del sitio anterior tienen el siguiente aspecto.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="<?php%20echo%20$siteurl;%20?>css/custom-theme/jquery-ui-1.8.1.custom.css" type="text/css" /> 
<script type="text/javascript" src="<?php%20echo%20$siteurl;%20?>js/select-menu.js"></script>
<script type="text/javascript" src="<?php%20echo%20$siteurl;%20?>js/init.js"></script>

init.js simplemente llama a la función y funciona

$(function(){
    $('select#speedC').selectmenu({style:'dropdown'});
});

Ahora en WordPress agregué lo siguiente a mi cabeza.

<link rel="stylesheet" type="text/css" media="all" href="https://stackoverflow.com/questions/4245336/<?php%20bloginfo("template_url' ); ?>/custom-theme/jquery-ui-1.8.1.custom.css" />
<link rel="pingback" href="https://stackoverflow.com/questions/4245336/<?php%20bloginfo("pingback_url' ); ?>" />

<?php wp_enqueue_script( 'jquery-ui-core' ); ?>
<?php wp_enqueue_script( 'swfobject' ); ?>
<?php wp_enqueue_script( 'ui-core-select', get_bloginfo('template_directory') . '/js/select-menu.js' ); ?>
<?php wp_enqueue_script( 'jquery-pajinate', get_bloginfo('template_directory') . '/js/jquery.pajinate.js' ); ?>
<?php wp_enqueue_script( 'jquery-ui', get_bloginfo('template_directory') . '/js/jquery-ui.1.7.2.min.js' ); ?>

Y el guión en mi página

<script type="text/javascript">
    $j=jQuery.noConflict();

    // Use jQuery via $j(...)
    $j(document).ready(function(){
        $j('select#speedC').selectmenu({style:'dropdown'});
    });
</script>

¿Alguna idea de por qué no se está iniciando?

Sé que esta es una pregunta antigua, pero agregarla ya que aparece en lo alto de Google y puede ayudar a otros.

La mayoría de los componentes de la interfaz de usuario de jQuery se incluyen con WordPress, pero no están en cola de forma predeterminada, debe ponerlos en cola con esto.

    wp_enqueue_script( 'jquery-ui-selectmenu' );

Hay una lista útil de los componentes incluidos y la cadena en cola en http://jafty.com/blog/tag/how-to-use-jquery-ui-in-wordpress/

  • Salvó mi tocino. Gracias.

    – gwc

    9 de febrero a las 3:06

Después de investigar un poco más, descubrí que la biblioteca existente actualmente no se mantiene actualizada y no funciona bien con jQuery.

De ahora en adelante refiérase a este jQuery.ui.selectmenu.js

  • Tenga en cuenta que hay una próxima versión oficial: github.com/jquery/jquery-ui/tree/selectmenu

    – fnagel

    11 de noviembre de 2013 a las 10:10

  • Él jquery-ui-selectmenu en WordPress es 1.11.4 actualmente, que es una versión más nueva. Debe haber alguna otra razón por la que falla en WordPress. El que vinculas no se ha actualizado en un par de años.

    – Sin errores

    28 de enero de 2016 a las 4:49


¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad