2013-08-22 11 views
19

मैं jQuery प्लगइन jQuery Knob http://anthonyterrien.com/knob/जोड़ना प्रतिशत

बुलाया परिपत्र प्रगति बार बनाने के लिए उपयोग कर रहा हूँ,

तो यहाँ मेरी कोड है

<input type="text" value="90" class="dial" data-width="80" data-height="90" data-readOnly=true data-fgColor="#2ecc71"> 

जे एस Knob निष्पादित

$(".dial").knob(); 

संलग्न करने का प्रयास किया (%) विशेषता मानने के लिए, लेकिन इसे

$('.dial').each(function() { 

    $(this).attr("value", $(this).attr("value") + "%"); 

}); 

कोई सुझाव नहीं दिया गया है? धन्यवाद !

+0

यह एल मूल्य में प्रतिशत का उपयोग करने जैसे ओक पूरे प्लगइन को तोड़ देंगे। आप शायद प्रदर्शन इनपुट को गलत पर सेट कर सकते हैं, फिर प्रतिशत के साथ अपना स्वयं का नंबर दिखाने के लिए पृष्ठ में एक तत्व जोड़ें, जिसे आप प्लगइन्स परिवर्तन ईवेंट का उपयोग करके अपडेट कर सकते हैं। यदि आप एक बेवकूफ़ पोस्ट करते हैं, तो शायद आपको परेशानी होने पर आपकी मदद कर सकती है। – Rooster

+0

क्या होगा यदि आपने एएससीआईआई समकक्ष का उपयोग किया था? .... % – gtr1971

+0

@ रोस्टर यप, यह मूल्य विशेषता प्लगइन के लिए काम करने के लिए एक न्यूबर द्वारा अवश्य होनी चाहिए, मैं आपके सुझाव का प्रयास करूंगा और मैं प्रश्न को अपडेट कर दूंगा –

उत्तर

31

इस प्लगइन के संस्करण 1.2.7 के रूप में format हुक है जिसे आप प्रदर्शित करने के तरीके को बदलने के लिए उपयोग कर सकते हैं।

उदाहरण के लिए आप निर्दिष्ट कर सकते हैं:

$(".dial").knob({ 
    'format' : function (value) { 
    return value + '%'; 
    } 
}); 
+0

ठीक काम करता है, धन्यवाद! – Atropo

+0

उत्तर के रूप में चिह्नित किया जाना चाहिए – marverix

4

कोड के नीचे का प्रयोग करें यह काम करेंगे

$(".dial").knob({ 
'change': function (v) { console.log(v); }, 
    draw: function() { 
    $(this.i).val(this.cv + '%'); 
    } 
}); 
4

प्रयास करें यह इसकी मेरे लिए काम किया ...

$(".dial").knob({ 
 
    'format' : function (value) { 
 
    return value + '%'; 
 
    } 
 
});

+0

पूरी तरह से काम करता है – Robert

संबंधित मुद्दे