यहाँ मेरा कोड है:

$("#fontSize").keyup(function() {
    var change = $("#fontSize").val();
    $("#x").text(change + " font size");
})

उपरोक्त कार्य ठीक है, लेकिन मैं #fontSize के मान के साथ CSS fontSize को भी बदलना चाहूंगा।

मैंने $( "#x" ).style.fontSize( change ); जोड़ने की कोशिश की है, लेकिन यह किसी भी विचार नहीं है?

0
P.A 25 नवम्बर 2015, 19:01

4 जवाब

सबसे बढ़िया उत्तर

आपको jQuery .css () विधि पर एक नज़र डालनी चाहिए (यह गतिशील में आपका सबसे अच्छा दोस्त होगा) स्टाइल )। आपका कोड निम्नानुसार संशोधित किया जा सकता है:

$("#fontSize").keyup(function() {
    var change = $("#fontSize").val();
    $("#x").text(change + " font size");

    // This will set X's font size to change in PIXELS
    $("#x").css('fontSize', change + 'px');
})
0
ConnorCMcKee 25 नवम्बर 2015, 16:06

आप बस अपने jQuery के text() के लिए {} एक्स 1}} के लिए jQuery के css() विधि को देख सकते हैं।

$("#fontSize").keyup(function() {
    var change = $("#fontSize").val();
    $("#x").text(change + " font size").css(fontSize, change + "px");
});

मैं fontSize के बजाय fontSize का उपयोग कर रहा हूं क्योंकि मैं उद्धरणों का उपयोग नहीं कर रहा हूं।

0
Jonathan Marzullo 25 नवम्बर 2015, 16:07

इसे इस तरह करो:

$('#x').css("font-size", change + "px");

पाठ डालने के बाद ही सही

0
Atif Tariq 25 नवम्बर 2015, 16:07