ডিভি ক্লাসের স্টাইলের বৈশিষ্ট্য পরিবর্তন করতে jquery


87

আমার মতো স্লাইডার ক্লাস রয়েছে এবং আমি শৈলীর বৈশিষ্ট্য শৈলী = "বাম: 336px" পরিবর্তন করতে চাই

<div id="range-cont">
<div class="slider">
<div class="progress" style="width: 350px;"></div>
    <a class="handle" href="#" **style="left: 336px;"**></a>
</div>
<input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100">
<p id="percent-label">%</p>
</div>
</div>

আমি চেষ্টা করেছি $('.handle').css({'style':'left: 300px'})কিন্তু কাজ করছে না। এখানে আমি কী ভুল করছি তা নিশ্চিত নয়

উত্তর:



84

যদি আপনি কেবল শৈলীর বৈশিষ্ট্য ব্যবহার সেট করতে চান

$('.handle').attr('style','left: 300px');

অথবা আপনি কেবলমাত্র একটি সিএসএস শৈলীর বৈশিষ্ট্য নির্ধারণ করতে jQuery এর CSS পদ্ধতি ব্যবহার করতে পারেন

$('.handle').css('left', '300px');

বা মূল মান হিসাবে একই

$('.handle').css({'left': '300px', position});

ডাব্লু 3 স্কুলগুলিতে আরও তথ্য


4
এটি নির্বাচিত একটির চেয়ে আরও সম্পূর্ণ এবং ভাল উত্তর
নিকোলা পেদ্রেটি

$('.handle').prop('style','left: 300px');খুব কাজ করছে
নুরকার্তিকো

8

দিয়ে চেষ্টা করুন

$('.handle').css({'left': '300px'});

পরিবর্তে

$('.handle').css({'style':'left: 300px'})

@dev এখন আপডেট এটি পরীক্ষা নিশ্চিত, আমি ভুল করে মুছে প্রথম বন্ধনী জন্য কাজ করবে
Raghuveer

7
$('.handle').css('left', '300px');

$('.handle').css({
    left : '300px'
});

$('.handle').attr('style', 'left : 300px');

বা OrnaJS ব্যবহার করুন




2

স্টাইল একটি বৈশিষ্ট্য তাই cssএটি এর জন্য কাজ করবে না U ইউ ব্যবহার করতে পারেattr

পরিবর্তন:

$('.handle').css({'style':'left: 300px'});

টি 0:

$('.handle').attr('style','left: 300px');//Use `,` Comma instead of `:` colon

2

আপনি ব্যবহার করতে পারবেন না $('#Id').attr('style',' color:red'); এবং $('#Id').css('padding-left','20%');
একই সময়ে।
আপনি হয় ব্যবহার করতে পারেন attr বা css উভয় শুধুমাত্র যখন তারা একা ব্যবহৃত হয় তখনই কাজ করে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.