2010-07-13 18 views
17

Non riesco a cambiare la dimensione del carattere usando Jquery. Voglio cambiare la dimensione del carattere di un div. Ho definito dimensione del font di default per il corpo, come 12. Ho provato a cambiare come segue, ma non ha funzionato :(imposta la dimensione del carattere in jquery

$("#SelFontSize").change(function(){ 
$("#"+styleTarget).css({'font-size':'"+$(this).val()+"px'});  
}); 
+0

un po 'più codice + l'html corrispondente potrebbe aiutarci ad aiutarvi. cioè da dove viene il 'styleTarget'. – jigfox

risposta

39

Prova:

$("#"+styleTarget).css({ 'font-size': $(this).val() }); 

Mettendo il valore tra virgolette, diventa una stringa e "+$(this).val()+"px non è sicuramente vicino ad un valore di carattere ci sono un paio di modi per configurare le proprietà di stile di un elemento:.

Utilizzando una mappa:

$("#elem").css({ 
    fontSize: 20 
}); 

chiave e valore utilizzando parametri:

tutti questi sono validi.

$("#elem").css("fontSize", 20); 
$("#elem").css("fontSize", "20px"); 
$("#elem").css("font-size", "20"); 
$("#elem").css("font-size", "20px"); 

È possibile sostituire "fontSize" con "font-size" ma dovrà essere citato poi.

2
$("#"+styleTarget).css('font-size', newFontSize); 
3

Non dicendo che questo è meglio, solo un altro modo:

$("#elem")[0].style.fontSize="20px"; 
1

Si può provare un altro modo simile: il codice

<div class="content"> 
     Australia 
    </div> 

jQuery:

$(".content").css({ 
    background: "#d1d1d1", 
    fontSize: "30px" 
}) 

Ora puoi aggiungere più proprietà CSS come vuoi.

Problemi correlati