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
-
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 -
dois-je supprimer les lignes de code dans le <head></head>?
-
tu as déjà essayé la suggestion #1 ?
-
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 -
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> -
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.
-
j'ai également mis dans le fichier functions.php :
<?php
wp_enqueue_script('jquery'); -
Une autre idée pour m'aider à résoudre ce pb ?
merci d'avance !! -
Bonjour,
toujours avecv mon petit pb de menu accordeon jquery avec wordpress, quelqu'un pourrait m'aider ?
