Jquery .click funkcija nedarbojas Safari un Chrome pārlūkos

[Gherc]

Sveiki!

 

Cenšos dabūt gatavu web lapas izvēlni, kādu esmu ieplānojis un uzzīmējis fotošopā. Principa +- vis izdevās, tomēr pāris „kasjaki” ar jquery sanāca. Izvēlne ieplānots, ka tad, kad lietotājs klikšķina uz pogas, tiek attēlots cits pogas .png bacgraunds . To vēlos panākt ar .click funkcijas palīdzību. Uz visiem(ie, ff, opera) pārlūkiem darbojas- bilde IE FF Opera

 

tomēr ar chrom un safari šo .click izsaukto bacgraundu neattēlo. -bilde no Chrome un Safary

 

Uzmetiet skatienu skriptam, varbūt redzat, kur kļūda. Mēģinājumos atrast info par .click un safary/chrome gļukiem, biežāk problēmas sagādā nepareizi saliktu funkciju, vai });

$(document).ready(function() {
   $(".sf-menu a").hover(over, out);
 $(".sf-menu a").css('filter', 'none');
   //Kursors uz pogas
   function over(event) {
$(this).css("color", "#f5f905");
   $(this).css("background", "url('https://localhost/v/wp-content/themes/test/images/pogaa.png')");
$(this).css("cursor", "pointer");
$(this).stop().animate({"opacity": "0.75"}, "'100'");
   }
   //kursors prom
   function out(event) {
	$(this).css("color", "#fff");
    $(this).css("background", "url('https://localhost/v/wp-content/themes/test/images/poga.png')");
	$(this).stop().animate({"opacity": "9"}, "'slow', 100");
}
$(".sf-menu a").click(function () {
$(this).fadeIn(1000);
$(this).css('filter', 'none');
$(this).css("background", "url('https://localhost/v/wp-content/themes/test/images/click.png')");
 });
});

[daGrevis]

Hmm... Par daudz koda, lai panāktu tik elementāru lietu. Tātad ko tev vajag?

 

CSS:

.button {
background: ..;
width: ..; height..;
opacity: ..; // CSS3.
..;
}

.button:hover { // ...ja pele ir virsū!
background: ..;
}

 

Bet daudz labāk un jaukāk būtu to visu taisīt ar spraitiem. Tas ir tā, ka abi attēli ir apvienoti vienā!

 

CSS:

.button {
background: ..;
background-position: 0 0;
width: ..; height: 30px;
opacity: ..; // CSS3.
..;
}

.button:hover { // ...ja pele ir virsū!
background-position: 0 30px;
}

 

Un ja patiešām vajag... ar jQuery varam pievienot to, ka mainās "opacity" (kā Tev tur ir)!

[Gherc]

Paldies par atbildi!

 

Atrisināju savu problēmu ar #menu a:active . Uz peles klikšķi nomaina bacgraundu. Iespējams nepareizi formulēju jautājumu. Pirmo reizi izmantoju Jquery, bez nekādādām iemaņām.. lasījos viņu FAQ rezultātā kods sanāca, kāds sanāca... Noteikti cilvēki kas ir spečuki šajā lauciņā nodomās- omg ko tas trakais tur sakodējis :)) bet nu.. galvenais, ka izdevās kā gribēju.

[daGrevis]

Nu Es tagad sāku programmēt Java! Tici Man... tie kas māk Java tāpat kliegs uz Manu kodu! He, he. Bet, piemēram, Mans PHP kods jau tagad ir skatāmā līmenī...