Com o WordPress 3.3 também jQuery e todos os seus módulos foram alinhados. Agora é possível acessar a nova lista módulo da última versão 3.3, como o autocomplete. Aqui está um trecho de um bom inclusão:
1 2 3 4 5 6 | / / Módulos que o WordPress irá carregar para nós preparatório para o script "MyScript.js" array ( 'jquery-ui-slider' , $ Deps = gama ('jquery-ui-slider ", 'Jquery-ui-datepicker' 'Jquery-ui-autocomplete' ); , 'js/myscript.js' , $deps , 1 . 3 . 4 , true ) ; wp_enqueue_script ('chave', 'js / MyScript.js', $ deps, 1 3 4, é verdade..); |
Olá, desculpe se eu roubar esse espaço ... Eu poderia usar alguma ajuda se possível ... eu preciso usar abas jQuery UI para ... como eu posso fazer? Obviamente, com wp 3.3 ... obrigado a resposta, se você quiser me ajudar! ^ ^
@ Simon é bastante simples. Agora eu não sei se você precisa de frontend, backend, ou dentro de um plugin, seja qual for o processo é o mesmo. Primeiro de tudo você deve emitir um HTML apropriado, como este:
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"> Título Tab 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"> Content Tab 1 </ div >
"tab2" > Contenuto Tab 2 < / div > < div id = "tab2"> Content Tab 2 </ div >
"tab3" > Contenuto Tab 3 < / div > < div id = "tab3"> Content Tab 3 </ div >
</ div >
Ambos jQuery UI jQuery, incluindo os seus guias de formulário, já estão presentes em WordPress, você precisa fazer é se certificar de que eles são carregados juntamente com o seu script que aplica as guias de efeito. Se o seu script é chamado
applica-tabs.jsao carregar use:2
3
4
5
6
7
'Jquery'
'Jquery-ui-core',
'Jquery-ui-tabs "
);
/ / Altere para [seu caminho] caminho no servidor
, '[tua path]applica-tabs.js' , $deps ) ; wp_enqueue_script ("guias de aplicação ',' [o caminho] tabs.js aplicação ', $ deps);
No seu script usa:
2
3
) . tabs ( ) ; $ ("# Tabs") Tabs ().;
});
Mesmo assim deve funzionarti tudo. O que falta, como uma última coisa, talvez o mais sarnento, é um tema gráfico, folhas de estilo em prática. Se você pode, pode deixá-lo sozinho, caso contrário, você pode criar ou fazer o download a partir do site usando o jQuery ThemeRoller . Depois de baixar o arquivo CSS com as imagens, para carregá-lo usando:
2
, "[tua path]jquery-ui.custom.css" ) ; wp_enqueue_style ('separadores de aplicações "," [o caminho] jquery-ui.custom.css ");
Obviamente, tanto o roteiro de css entrar no caminho correto no seu servidor web. Isto é tudo.
@ Giovan Battista Fazioli: Obrigado por sua paciência, tudo é claro agora ... eu me sinto agora, a única coisa é que a carga, eu tenho que colocar tudo no
functions.phpou header.php? Quero dizer o código para invocar jQuery ... muito obrigado!@ Simon: para a limpeza, você deve digitar um código como este no
functions.php:2
3
4
5
6
7
8
9
10
11
12
13
14
15
, function ( ) { add_action ('wp_head', function () {
array ( $ Deps = gama (
'Jquery'
'Jquery-ui-core',
'Jquery-ui-tabs "
);
/ / Altere para [seu caminho] caminho no servidor
, '[tua path]applica-tabs.js' , $deps ) ; wp_enqueue_script ("guias de aplicação ',' [o caminho] tabs.js aplicação ', $ deps);
/ / Altere para [seu caminho] caminho no servidor
, "[tua path]jquery-ui.custom.css" ) ; wp_enqueue_style ('separadores de aplicações "," [o caminho] jquery-ui.custom.css ");
});
Eu tentei ontem à noite colocar tudo em functions.php, tudo bem, módulos jQuery, guias jqueryui e carrega-los bem, mas não funcionam da mesma forma ... (a marcação html eu colocá-lo em sidebar.php).
Hoje eu tentei novamente com o código que você forneceu último (depois do meu comentário) ... e me dá dois erros na escrita de código, exatamente no início e no final ...
Simon @, que pode ser devido a que a sintaxe utilizada, especificamente para PHP 5 +, de modo que o teste é basicamente o mesmo:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
, 'include_script' ) ; add_action ('wp_head', 'include_script');
include_script função () {
array ( $ Deps = gama (
'Jquery'
'Jquery-ui-core',
'Jquery-ui-tabs "
);
/ / Altere para [seu caminho] caminho no servidor
, '[tua path]applica-tabs.js' , $deps ) ; wp_enqueue_script ("guias de aplicação ',' [o caminho] tabs.js aplicação ', $ deps);
/ / Altere para [seu caminho] caminho no servidor
, "[tua path]jquery-ui.custom.css" ) ; wp_enqueue_style ('separadores de aplicações "," [o caminho] jquery-ui.custom.css ");
}
Irrita-me perturbado novamente e usar esse espaço para essas coisas ... Enfim, isso não funciona assim, com as duas vers. ano anterior, e com a de agora eu não carregar o seu módulos jQuery, guias jqueryui e adicionar o script ... mas nenhuma ação wp_head I módulos de carga ... mas os guias não vai funcionar ...
Olá, eu gostaria de pedir um serviço, você pode usar o datepicker com cform7, eu spiegp melhor que posso implementar o calendário em um formulário criado por este plugin wordpress carregar a biblioteca?
@ Paso: absolutamente. Só que identifica o campo
inputque você deseja nomear o calendário de alguma forma, por id ou classe. Para o resto que continua a ser uma forma como qualquer outro, exatamente como se eu tivesse feito pessoalmente.