Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: blogai veikia jQuery

Parašė rokasbalsys· 2014 Bal. 8 00:04:26
#1

Taigi bandau dabar jquery ir tokia problema iskilo, nezinau kame gali buti bedos, tikiuosi pagalbos prasau reikiamoje forumo skiltyje.
cia mano CSS kodas sukurtam div kurio pradine spalva yra "background-color:slategrey;"

 
#menu div{
	height:31px;
	width:60px;
	background-color:slategrey;
	border-radius:2px;
	float:left;
	font: 18px "Calibri";
	padding: 0px 8px 0px 8px;
	display: inline-block;
	text-align:center;
 
}
#menu div p { 
	margin-top:3px;
	color:white;
}
.active	{
	background-color:yellow;
}
 


cia mano jQuery kodas

 
$(document).ready(function(){
 
  $("#menu div").hover(
    function(){
    $(this).addClass("active");
    },
    function(){
      $(this).removeClass("active");  
    }
  );
});
 


esme tame kad kai #menu div turi savo background-color man nesikeicia spalva, taciau kai istrinu is kodo "background-color:slategrey;" tada veikia puikiai jQuery kodas. Kame cia beda gali buti?

Redagavo rokasbalsys· 2014 Bal. 8 00:04:47

Parašė 7n· 2014 Bal. 8 13:04:03
#2


 
#menu div active	{
	background-color:yellow;
}
 


o kartais ne taip turėtu būti ?|

Parašė rokasbalsys· 2014 Bal. 8 13:04:43
#3

Ne, taigi sakiau kad viskas gerai jegu spalva buna default, t.y jeigu istrinu eilute "background-color:slategrey;"

Parašė rokasbalsys· 2014 Bal. 8 23:04:30
#4

Parasiau sita koda, tai tada veikia kaip noriu, bet idomu kodel su add ir remove class neveikia


 
$(document).ready(function(){ 
  $('#menu div').hover(
	function() {
		$(this).css('background-color', 'blue');},
	function() {
		$(this).css('background-color', '');
	});
});

Parašė Pakartoti slaptažodį· 2014 Bal. 9 00:04:56
#5

spėjimas: pagal hierarchiją css background-color yra aukščiau už po to pridėtą klasę, dėl to ir keistis nenori.