Bazı harika grafikler oluşturmak için JQuery Knob kullanıyorum ve mükemmel çalışıyor. Ama benim bir sorunum var: Grafik arasında bir '%' sembolü bulunan görüntü numarasının birleştirilmesini istiyorum. ama işe yaramayacak gibi görünmüyorum. JQuery ile girdiyi değiştirmek bunu yapmaz ve kütüphanenin kodunu okumaya çalıştım ama şanssız. Daha önce bu problemi olan var mı?JQuery Düğmesi ekran numarası değişikliği
6
A
cevap
30
Github repo'ya hızlı bir şekilde bakarsanız, tuvalin çekildiği her defasında bir çengel kanca olduğunu görürsünüz. Bu kancayı uygularsanız, girdiye istediğinizi ekleyebilmeniz gerekir. ve ileride başvurmak için: Burada aradığınız işlevselliği kısa bir örnek (http://jsfiddle.net/eAQA2/ denemek için):
Benim çözümler ekleyerek yapar:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="https://raw.github.com/aterrien/jQuery-Knob/master/js/jquery.knob.js"></script>
<script>
$(function() {
$(".dial").knob({
'draw' : function() {
$(this.i).val(this.cv + '%')
}
})
})
</script>
</head>
<body>
<input type="text" class="dial" data-min="0" data-max="100">
</body>
</html>
2
Ben de animasyon ile bunu başarmak için başardı yüzde her zaman değeri artmış olur:
$(function() {
$('.dial_overall').each(function() {
var $this = $(this);
var myVal = $this.attr("value");
$this.knob({
});
$({
value: 0
}).animate({
value: myVal
}, {
duration: 1600,
easing: 'swing',
step: function() {
$this.val(Math.ceil(this.value)).trigger('change');
$('.dial_overall').val($('.dial_overall').val() + '%');
}
})
});
});
5
sürümü 1.2.7 itibariyle bu gibi görevleri gerçekleştirmek için bir format
kanca şimdi vardır:
$(".dial").knob({
'format' : function (value) {
return value + '%';
}
});
İlgili konular
- 1. ASP.NET radyo düğmesi değişikliği
- 2. jQuery değişikliği değeri - Başka div
- 3. jQuery değeri değişikliği olayı gecikmesi
- 4. değiştirme düğmesi işlevi jQuery
- 5. JQuery Geçişi Düğmesi Tetik
- 6. jQuery Asp.net düğmesi
- 7. Libgdx ekran üzeri gui (duraklat düğmesi için)
- 8. Swift Bazı ekran boyutlarında ios gizle düğmesi
- 9. WebView içindeki Videonun tam ekran düğmesi çalışmıyor
- 10. datatables düğmesi değişikliği/filtre içeriği değişkene bağlı olarak
- 11. Jquery Mobil titreşim/beyaz ekran iPhone
- 12. JQuery UI Düğmesi Simgeleri görüntülenmiyor
- 13. Dönüş düğmesi id sorunu jquery
- 14. jQuery Kullanarak Basit Ekran Kazıması
- 15. Satır numarası sütunlarını jquery datatables'e ekleyin
- 16. JQuery ile dinamik seçim öğesi, kimlik numarası
- 17. JQuery veri kümeleri: virgülle sıra numarası çalışmıyor
- 18. javascript ek metin değişikliği,
- 19. Ionic kullanıcı telefon numarası
- 20. Olası hata Chrome <select><option> değer değişikliği ve Geri düğmesi ile
- 21. Ekran zaman aşımı ve güç düğmesi arasında ayrım yapın?
- 22. Ekran çözünürlüğünden bağımsız olarak radyo düğmesi boyutunu tanımlayın
- 23. jquery-mobile ile ev düğmesi nasıl eklenir?
- 24. jQuery: dialog sorusu - init'ten sonra değiştir düğmesi
- 25. jQuery düğmesi olay işleyicisi içeriği değiştirmiyor
- 26. JQuery Tıklatma etkinleştirme düğmesi yok düğmesini tıklatın
- 27. Veri yığınları yüklenirken sayfa numarası değil sayfa numarası nasıl iletilir?
- 28. jQuery FadeIn kullanılan ekran modunu nasıl biliyor?
- 29. jQuery ui tam ekran iletişim kutusu
- 30. jquery Ekran boyutu temel alındığında ifade
Ne denediğinizi gösterebilir misiniz? Size yardım etmeye çalışan herkes fayda sağlayacaktır. – Erik
JQuery ile değiştirildikten sonra grafik için kullandığım girişin değeri, sonunda '%' eklenir, ancak bunu yapmadı. Test etmek için firebug'u kullanarak değeri manuel olarak değiştirmeye çalışmak, ancak bu da yapmadı. Düğme kaynak kodunu açtım, ama çok fazla html5 ile çalışıyorlar, ki bu da bilgi eksikliğim, bazı değerlerde '%' eklemeyi denemeden başarılar ... –