Italiano
Español
РусскийCum să incluzi corect efectele jquery-ui în WordPress
Am încercat să includ efectele jquery ui (mai specific efectul shake) în tema mea WordPress. Până acum, am reușit doar să includ scriptul jQuery, dar nu am nicio idee unde să pun scripturile ui și cum să le încarc corect.
Acesta este codul pe care îl am. Evident, nu funcționează:
<?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_script("jquery-ui-core"); ?>
<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("#manita-imagen").mouseover(function(){
//$j(this).animate({ opacity: "hide" })
// alert('asd');
$j(this).effect("shake", { times:3 }, 300);
});
});
</script>
Mulțumesc pentru ajutor!
Țineți cont că pentru a obține un efect real (blind, bounce, fade, etc.) trebuie să încărcați explicit acel efect. De exemplu, pentru 'fade': wp_enqueue_script( 'jquery-effects-fade' );
SunnyRed
Utilizatorul ar trebui să plaseze propriul cod Javascript într-un fișier separat și apoi să încarce acel fișier, listând dependențele necesare. În acest fel, WordPress (și plugin-urile de performanță) vor ști ordinea necesară pentru încărcarea acestor scripturi și le vor plasa în ordinea corectă pe pagină.
Dave Hilditch
Nu este chiar adevărat. Atâta timp cât le apelează înainte de apelul wp_head(), ar trebui să funcționeze corect. Nu este necesar să fie legate de hook-uri și nici nu ar trebui să fie legate de init oricum. Dacă intenționați să le legați undeva, folosiți hook-ul de acțiune 'wp_enqueue_scripts'. Pentru asta este creat.
Otto
@Otto Ceea ce spui sună logic. Dar ai o explicație pentru faptul că în codex scrie ce a scris @EAMann - "Folosește acțiunea init pentru a apela această funcție."? Iar exemplul său este luat de acolo... http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Lea Cohen
Codex-ul este neuniform în unele locuri. Cea mai bună acțiune de utilizat pentru aceasta este 'wp_enqueue_scripts' pentru partea de front-end, sau 'admin_enqueue_scripts' pentru back-end. Legarea de init va funcționa, dar va încărca inutil scriptul pe întreg site-ul.
Otto
Am actualizat fragmentul meu de cod în consecință. Inițial a fost o reacție rapidă, bazată pe referința din Codex... utilizarea wp_enqueue_scripts este cu siguranță o abordare mai bună și evită necesitatea unei verificări suplimentare is_admin().
EAMann
Aceasta este, de asemenea, o abordare greșită - plugin-urile de performanță trebuie să cunoască dependențele. Autorul ar trebui să scrie propriul fișier .js și să îl încarce folosind funcția de enqueue, specificând dependențele - WordPress se va ocupa de restul.
Dave Hilditch
Poți chiar să încărci toate bibliotecile jQuery de pe CDN-ul Google în loc să le hostezi pe propriul site.
Jan Fabry
Aș recomanda cu mare putere să evitați încărcarea scripturilor din surse externe. Am făcut asta mult timp și (rar) s-a întâmplat ca gazda să fie indisponibilă, astfel încât mai mulți clienți au avut probleme cu paginile lor simultan.
Julian F. Weinert
@JulianF.Weinert este o sabie cu două tăișuri: un CDN bun înseamnă latență mai mică, dar lipsă de control dacă acesta eșuează. Totuși, dacă CDN-ul Google cade, jumătate din Internet va avea probleme, așa că al tău nu va fi singurul. Șansele să fie indisponibil și să nu fie deja cache-uit în browserul utilizatorului sunt mici. În majoritatea situațiilor, folosirea unui CDN este un avantaj.
Alex
Adevărat. Nu vorbeam despre un CDN complet, care, bineînțeles, ar fi perfect potrivit aici, deoarece este conceput exact pentru acest scop. Însă încărcarea scripturilor de pe orice john-doe.com mi se pare un pic riscantă, cred
Julian F. Weinert
Nu ar trebui să folosești hook-ul init pentru încărcarea resurselor. Folosește hook-ul wp_enqueue_scripts doar pentru front-end sau hook-ul admin_enqueue_scripts pentru back-end.
Otto
Nu știam că acțiunea wp_enqueue_scripts este doar pentru front-end. Mulțumesc :)
Tareq
Perfect, mulțumesc!
Dragi Postolovski
Am crezut că ai putea avea dreptate (uneori numele sub care WP înregistrează scripturile sunt diferite de cele standard folosite) dar în acest caz, înregistrarea 'jquery-ui-core' ar trebui să funcționeze. Este listat în http://core.trac.wordpress.org/browser/branches/3.0/wp-includes/script-loader.php#L121
goldenapples
Bună observație! Am presupus că dorea să încarce doar acea bibliotecă jQuery, caz în care încărcarea restului ar fi fost puțin excesivă.
editor
Ați înțeles corect. Folosirea dependențelor în propriile apeluri wp_enqueue_script este metoda corectă de a include jquery/jquery-ui/etc. Nu este necesar să le încărcați separat.
Michae Pavlos Michael
Și dacă le încărcați separat când scriptul dumneavoastră depinde de ele, scriptul poate/va eșua pe site-urile care optimizează performanța - de exemplu, dacă scripturile sunt combinate într-un singur script pentru a accelera încărcarea, sau dacă sunt amânate sau minimizate (depinde de minimizare, dar ordinea se poate schimba). Dacă nu ați spus WordPress că scriptul dumneavoastră depinde de alte scripturi, nu puteți garanta ordinea în care acestea se vor încărca.
Dave Hilditch