आज मैं एक वेब पेज पर jQuery के प्रगति-सलाखों को लागू कर रहा था। मुझे एक ही पृष्ठ पर लगभग 30 प्रगति सलाखों को लागू करने की आवश्यकता थी।
इसका कोड इस प्रकार है
$( "#progressbar" ).progressbar({
value: 80
});
जो नीचे दिए गए डिव पर 80% पूर्ण प्रगति बार प्रदर्शित करता है
<div id="progressbar"></div>
अब क्या हुआ है, मुझे 30 विभिन्न प्रोग्रेसबार डिव्स का उल्लेख करना है और फिर उन्हें 30 jquery कॉल का उपयोग करके चलाने के लिए कॉल करना है ...
बजाय
मैंने जो कोशिश की थी वह था
<div id="progressbar" title="54"></div>
के रूप में एक कॉल के साथ
$( "#progressbar" ).progressbar({
value: $(this).attr("title")
});
जो स्वचालित रूप से उस div के शीर्षक का मूल्य देना चाहिए ...
हालांकि यह काम नहीं करता है ...
किसी को भी यहाँ क्या गलत है के रूप में एक सुराग है?
मैंने भी कोशिश की
$( "#progressbar" ).each( function(){
progressbar({
value: 80
});
});
फिर भी नहीं
किसी को भी यहाँ एक टिप दे सकते हैं ... बहुत धन्यवाद!
उत्तर:
उत्तर № 1 के लिए 4पता चला है। चीयर्स!
यह इस तरह काम करता है
<div class="progressbar" rel="54"></div>
और फिर कॉल करें
$("div.progressbar").each (function () {
var element = this;
$(element).progressbar({
value: parseInt($(element).attr("rel"))
});
});
चीयर्स @ वोल्कन-एर जिन्होंने इसका जवाब यहां दिया - JQuery UI: कई प्रगति बार - गतिशील मान सेट करने के लिए समस्याएं
:)