Con WordPress 3.3 también jQuery y todos sus módulos han sido alineados. Ahora es posible acceder a la nueva lista de módulos de la última versión 3.3, como autocompletar. He aquí un fragmento de una buena integración:
1 2 3 4 5 6 | / / Los módulos que WordPress se cargue para nosotros preparatoria para el script "MyScript.js" array ( 'jquery-ui-slider' , $ Deps = array ('jquery-ui-slider ", 'Jquery-ui-datepicker', 'Jquery-ui-autocomplete' ); , 'js/myscript.js' , $deps , 1 . 3 . 4 , true ) ; wp_enqueue_script ('clave', 'js / MyScript.js', $ dependencias, 1 3 4, es cierto..); |
Hola, lo siento si me roban este espacio ... Me vendría bien un poco de ayuda, si es posible ... tengo que usar pestañas jQuery UI para ... ¿cómo puedo hacer? Obviamente con wp 3.3 ... gracias la respuesta si quieres ayudarme! ^ ^
@ Simon es bastante simple. Ahora, yo no sé si usted necesita frontend, backend, o dentro de un plugin, cualquiera que sea el proceso es el mismo. En primer lugar debe emitir un HTML adecuado, así:
2
3
4
5
6
7
8
9
10
11
12
< ul >
= "#tab1" rel = "nofollow" > Titolo Tab 1 < / a >< / li > < li > < a href = "# tab1" rel = "nofollow"> Título Tab 1 </ a > </ li >
= "#tab2" rel = "nofollow" > Titolo Tab 2 < / a >< / li > < li > < a href = "# tab2" rel = "nofollow"> Pestaña Título 2 </ a > </ li >
= "#tab3" rel = "nofollow" > Titolo Tab 3 < / a >< / li > < li > < a href = "# tab3" rel = "nofollow"> Título Tab 3 </ a > </ li >
</ ul >
"tab1" > Contenuto Tab 1 < / div > < div id = "tab1"> Pestaña Contenido 1 </ div >
"tab2" > Contenuto Tab 2 < / div > < div id = "tab2"> Pestaña Contenido 2 </ div >
"tab3" > Contenuto Tab 3 < / div > < div id = "tab3"> Pestaña Contenido 3 </ div >
</ div >
Tanto la interfaz de usuario jQuery jQuery, incluyendo sus fichas de formulario, ya están presentes en WordPress, lo que necesita hacer es asegurarse de que se cargan junto con la secuencia de comandos que se aplica el efecto de pestañas. Si el script se llama
applica-tabs.jsal cargar uso:2
3
4
5
6
7
'Jquery',
'Jquery-ui-core',
'Jquery-ui-tabs'
);
/ / Cambiar a [la vía] Vía en el servidor
, '[tua path]applica-tabs.js' , $deps ) ; wp_enqueue_script ('fichas de aplicación', '[el camino] tabs.js aplicación', $ dependencias);
En su script usa:
2
3
) . tabs ( ) ; $ ("# Tabs") Tabs ().;
});
Aún así debe funzionarti todo. Lo que le falta, como una última cosa, tal vez el más sarnoso, es un tema gráfico, hojas de estilo en la práctica. Si se puede se puede no hablar, de lo contrario puede crear o descargarlo de la web utilizando el jQuery ThemeRoller . Una vez descargado el archivo css con las imágenes, para cargarlo usando:
2
, "[tua path]jquery-ui.custom.css" ) ; wp_enqueue_style ('fichas de aplicación "," [el camino] jquery-ui.custom.css ");
Obviamente, tanto el guión de css introduzca la ruta correcta en el servidor web. Eso es todo.
@ Giovan Battista Fazioli: Gracias por tu paciencia, todo es claro ahora ... me siento ahora, lo único es que la carga, tengo que poner todo en
functions.phpo header.php? Quiero decir el código para invocar jQuery ... muchas gracias!@ Simon: para la limpieza debe introducir un código como este en
functions.php:2
3
4
5
6
7
8
9
10
11
12
13
14
15
, function ( ) { add_action ('wp_head', function () {
array ( $ Deps = array (
'Jquery',
'Jquery-ui-core',
'Jquery-ui-tabs'
);
/ / Cambiar a [la vía] Vía en el servidor
, '[tua path]applica-tabs.js' , $deps ) ; wp_enqueue_script ('fichas de aplicación', '[el camino] tabs.js aplicación', $ dependencias);
/ / Cambiar a [la vía] Vía en el servidor
, "[tua path]jquery-ui.custom.css" ) ; wp_enqueue_style ('fichas de aplicación "," [el camino] jquery-ui.custom.css ");
});
Traté de anoche poniendo todo en functions.php, vale, módulos jQuery, pestañas jQueryUI y cargas bien pero no funcionan de la misma ... (el marcado HTML puse en sidebar.php).
Hoy intenté de nuevo con el código que ya ha proporcionado pasado (después de mi comentario) ... y me da dos errores en la escritura de código, exactamente al principio y al final ...
@ Simon, que podría ser debido a la sintaxis que usé, especialmente para PHP 5 +, por lo que la prueba es básicamente la misma:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
, 'include_script' ) ; add_action ('wp_head', 'include_script');
función include_script () {
array ( $ Deps = array (
'Jquery',
'Jquery-ui-core',
'Jquery-ui-tabs'
);
/ / Cambiar a [la vía] Vía en el servidor
, '[tua path]applica-tabs.js' , $deps ) ; wp_enqueue_script ('fichas de aplicación', '[el camino] tabs.js aplicación', $ dependencias);
/ / Cambiar a [la vía] Vía en el servidor
, "[tua path]jquery-ui.custom.css" ) ; wp_enqueue_style ('fichas de aplicación "," [el camino] jquery-ui.custom.css ");
}
Molesta me molestó de nuevo y utilizar ese espacio para estas cosas ... En fin, no funciona así, con los dos vers. año anterior, y con el de ahora no cobramos el jquery módulos, fichas jQueryUI y añadir el guión ... pero ninguna acción wp_head módulos de carga I ... pero las fichas no funcionará ...
Hola me gustaría pedir un servicio, puede utilizar el selector de fechas con cform7, me spiegp mejor que puedo poner en práctica el calendario en una forma creada por este plugin wordpress cargar la biblioteca?
@ Paso: absolutamente. Sólo que identifica el campo
inputque desea nombrar el calendario de alguna manera, por id o clase. Para el resto que sigue siendo una forma como cualquier otra, exactamente como si yo hubiera hecho personalmente.