JQuery का उपयोग करके प्रतिशत के रूप में चौड़ाई निर्धारित करना

Question

मैं jQuery का उपयोग करते हुए प्रतिशत के रूप में div की चौड़ाई कैसे निर्धारित कर सकता हूं?

Answer 1

चौड़ाई फ़ंक्शन का उपयोग करना :

$('div#somediv').width('70%');

मुड़ेगा:

<div id="somediv" />

में:

<div id="somediv" style="width: 70%;"/>

Comments

मुझे एक चर में चौड़ाई मिली! मैं इसे% चौड़ाई में कैसे बना सकता हूं ??

— हेमनाथ मौली

@hemnathmouli jQuery ("div # somediv")। चौड़ाई (myvar + "%");

— जरगोटोन

मेरे पास 24% की चौड़ाई के साथ एक तत्व है, चौड़ाई निर्धारित करने के रूप में आप 11% का सुझाव देते हैं, इसके बजाय मुझे 33% की चौड़ाई देता है। मुझे लगा कि यह मौजूदा चौड़ाई में चौड़ाई जोड़ रहा है, लेकिन जैसा कि आप 24 + 11 = 35 देख सकते हैं और 33 नहीं। क्या आपको पता चल सकता है कि ऐसा क्यों होता है?

— यूजीन

मुझे पता है कि यह एक पुरानी पोस्ट है, लेकिन मैं अभी इसमें भाग गया क्योंकि यह Google पर पहला परिणाम है। मैंने देखा है कि सीएसएस () फ़ंक्शन उस चौड़ाई से थोड़ा तेज है (), शायद मैं गलत हूं।

— दोहब

मैं एक चौड़ाई सेट करने का प्रयास कर रहा था, .width("20%")हालांकि तत्व को सेट करना जारी रखा गया था width: 24%। डॉक्स के माध्यम से खुदाई करने के बाद, यह पता चलता है कि यह सीएसएस box-sizingसंपत्ति से संबंधित है । उपयोग करने .css({'width':"20%"})से इस समायोजन से बचना होगा।

— khartnett

Answer 2

Hemnath

यदि आपका चर प्रतिशत है:

var myWidth = 70;
$('div#somediv').width(myWidth + '%');

यदि आपका वैरिएबल पिक्सेल में है, और आप वह प्रतिशत चाहते हैं, जो माता-पिता का है:

var myWidth = 140;
var myPercentage = (myWidth / $('div#somediv').parent().width()) * 100;
$('div#somediv').width(myPercentage + '%');

Answer 3

यहाँ एक विकल्प है जो मेरे लिए काम कर रहा है:

$('div#somediv').css({'width': '70%'});