JQuery ব্যবহার করে শতাংশ হিসাবে প্রস্থ নির্ধারণ করা হচ্ছে

Question

আমি কীভাবে jQuery ব্যবহার করে শতাংশ হিসাবে একটি ডিভের প্রস্থকে সেট করতে পারি?

Answer 1

প্রস্থ ফাংশন ব্যবহার :

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

ঘুরবে:

<div id="somediv" />

মধ্যে:

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

Comments

আমি একটি পরিবর্তনশীল প্রস্থ পেয়েছি! আমি কীভাবে এটি% প্রস্থে করতে পারি ??

— হেমনাথ মৌলি

@हेমনাথমৌলি jQuery ("ডিভ # কিছুদিন") width প্রস্থ (মাইভার + "%");

— জর্জিটোন

24% প্রস্থ সহ আমার একটি উপাদান রয়েছে, আপনি 11% হিসাবে প্রস্তাবিত হিসাবে প্রস্থটি সেট করে আমাকে তার পরিবর্তে 33% প্রস্থ দেয়। আমি ভেবেছিলাম এটি বিদ্যমান প্রস্থে প্রস্থ যুক্ত করছে তবে আপনি 24 + 11 = 35 দেখতে পাচ্ছেন এবং 33 নয়। কেন এমনটি ঘটেছিল তা সম্পর্কে আপনার কোনও ধারণা থাকতে পারে?

— ইউজিন 21

আমি জানি এটি একটি পুরানো পোস্ট, তবে গুগলে এটি প্রথম ফলাফল হওয়ায় আমি কেবল এটির মধ্যে চলে এসেছি। আমি লক্ষ করেছি যে সিএসএস () ফাংশনটি প্রস্থের থেকে কিছুটা দ্রুত (), সম্ভবত আমি ভুল করছি।

— দোহাব

আমি ব্যবহার করে প্রস্থটি সেট করার চেষ্টা করছিলাম .width("20%")তবে উপাদানটি সেট হয়ে যায় width: 24%। দস্তাবেজগুলি খনন করার পরে, এটি সিএসএস box-sizingসম্পত্তি সম্পর্কিত। ব্যবহার করা .css({'width':"20%"})এই সমন্বয় এড়ানো হবে।

— খারনেট

Answer 2

হেমনাথ

যদি আপনার পরিবর্তনশীল শতাংশ হয়:

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%'});