सवाल एक div वर्ग की शैली विशेषता बदलने के लिए jquery


मेरे पास इस तरह एक स्लाइडर क्लास है और मैं शैली विशेषता को बदलना चाहता हूं शैली = "बाएं: 336 पीएक्स"

<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'}) लेकिन यह काम नहीं कर रहा है। यकीन नहीं है कि मैं यहाँ क्या गलत कर रहा हूँ


54
2017-10-25 05:28


मूल




जवाब:


कोशिश करो $('.handle').css('left', '300px');


96
2017-10-25 05:29





यदि आप शैली विशेषता का उपयोग करना चाहते हैं

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

या आप केवल एक सीएसएस शैली संपत्ति सेट करने के लिए jQuery के सीएसएस विधि का उपयोग कर सकते हैं

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

या महत्वपूर्ण मूल्य के समान

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

W3schools पर अधिक जानकारी


53
2017-10-25 05:50



यह चयनित एक से अधिक पूर्ण और बेहतर उत्तर है - Nicola Pedretti


के साथ प्रयास करें

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

के बजाय

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

7
2017-10-25 05:30



कॉलन काम करेगा? - Miller
@ मिलर हां, ज़ाहिर है .. - Raghuveer
@dev अब अपडेट किया गया यह जांचें कि यह निश्चित रूप से काम करेगा, मैंने गलती से कोष्ठक हटा दिए हैं - Raghuveer
ठीक है मैंने अपनी टिप्पणी हटा दी - dev


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

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

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

या OrnaJS का उपयोग करें


6
2017-07-24 16:08





$('.handle').css('left','300px') इसे पहले कोशिश करें, पहचानकर्ता पहले मूल्य

यहां पर अधिक:

http://api.jquery.com/css/


4
2017-10-25 05:29





यह आपके लिए सहायक है ..

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

2
2017-10-25 05:32





स्टाइल एक विशेषता है css इसके लिए काम नहीं करेगा। यू उपयोग कर सकते हैं attr 

परिवर्तन:

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

T0:

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

2
2017-10-25 05:44