Installation jquery dans wordpress
Bonjour,
après avoir développé un menu "accordeon" jquery, j'aimerai intégrer celui dans mon cms wordpress. La commande slide ne fonctionne plus. j'ai ce cide dans mon fichier header, entre les <head></head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" language="javascript" src="<?php bloginfo('template_url'); ?>/scripts/script.js"></script>
Dans mon fichier script.js :
$(function(){
$('.accContainer').hide();
$('.accordion').click(function(){
if( $(this).next().is(':hidden') ) {
$('.accordion').next().slideUp();
$(this).next().slideDown();
}
return false;
});
}); //document.ready function
quelqu'un peut m'aider ?
après avoir développé un menu "accordeon" jquery, j'aimerai intégrer celui dans mon cms wordpress. La commande slide ne fonctionne plus. j'ai ce cide dans mon fichier header, entre les <head></head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" language="javascript" src="<?php bloginfo('template_url'); ?>/scripts/script.js"></script>
Dans mon fichier script.js :
$(function(){
$('.accContainer').hide();
$('.accordion').click(function(){
if( $(this).next().is(':hidden') ) {
$('.accordion').next().slideUp();
$(this).next().slideDown();
}
return false;
});
}); //document.ready function
quelqu'un peut m'aider ?
9 réponses
-
Bonjour,
toujours avecv mon petit pb de menu accordeon jquery avec wordpress, quelqu'un pourrait m'aider ? -
Une autre idée pour m'aider à résoudre ce pb ?
merci d'avance !! -
j'ai également mis dans le fichier functions.php :
<?php
wp_enqueue_script('jquery'); -
ok, donc là j'ai le bloc du slide ouvert, la commande ne fonctionne pas encore quand je clique. j'ai remplacé $ par jQuery dans mon fichier script.js comme recommandé dans les précédents messages.
-
essaies alors de mettre en commentaire seulement cette ligne :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"</script>
et de déplacer les deux autres dans le footer. juste avant le fermeture du </body> -
oui ça n'a pas l'air de fonctionner,
mais je précise que je ne suis pas expert javascript etc , j'ai juste de bonnes bases html css , c'est pourquoi je viens sur ce forum -
tu as déjà essayé la suggestion #1 ?
-
dois-je supprimer les lignes de code dans le <head></head>?
-
Salut,
1- Essaies de remplacer les $ avec jQuery
2- L'injection manuel de jQuery dans le header n'est pas conseillé. Mieux vaut utiliser : wp_enqueue_script('jquery'); dans le fichier functions.php
