Changer un élément selon le css courant
Bonjour,
j'ai un soucis dans mon code jQuery.
J'ai un script permettant de switcher de design. Dans mon menu, il y a une puce qui apparaît à gauche des mots survolés, de la même couleur que le reste du thème. Mais si je change de thème, elle reste de la couleur initiale. Ce n'est pas la faute du css car je l'appelle dans le code jQuery, mais je ne sais pas comment procéder...
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
$(document).ready(styleLoader);
$(document).ready(pageLoaderInit);
// CSS SWITCHER
function styleLoader() {
if($.cookie("css")) {
$("link").attr("href",$.cookie("css"));
}
$("#css_choice li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
return false;
});
}
function pageLoaderInit(){
// ROLLOVERS MENU
$('#primary ul.menu li').mouseenter(function() {
$(this).css({background : "url(/wp-content/images/design/puce_bleue.png) no-repeat 0 37%"}); // LA PUCE NE DOIT PAS ETRE BLEUE MAIS VARIER SELON LE THÈME COURANT
});
$('#primary ul.menu li').mouseleave(function() {
$(this).css({background : "none"});
});
$("#primary a").click(function(event){
// GESTION PUCES MENU
var id_a = this.id;
$("#primary a").css({background : "none"});;
$("#menu-item-9 a").css({background : "none"});
$(this).css({background : "url(/wp-content/images/design/puce_bleue.png) no-repeat 0 37%"}); // LA PUCE NE DOIT PAS ETRE BLEUE MAIS VARIER SELON LE THÈME COURANT
} |
J'ai légèrement commenté dans le but d'être compris. Vous pouvez également voir en situation ici.
Merci par avance pour votre, je débute en jQuery / javascript et je ne programme pas tellement dans ce langage d'habitude, je manipule des morceaux de codes récupérés à gauche à droite.. :)
