Installation jquery dans wordpress
webmaster59
-
webmaster -
webmaster -
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 -
-
-
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 -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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.
-
-
-
Bonjour,
toujours avecv mon petit pb de menu accordeon jquery avec wordpress, quelqu'un pourrait m'aider ?