Добавление CSS в ручку JQuery?

Question

У меня есть 2 вопроса. Во-первых, как вы собираетесь менять CSS для ручки? Я попытался добавить к нему класс, но это, похоже, не сработало. Также не делал встроенный стиль. Кто-нибудь знает, как это можно сделать (пример будет потрясающим)?

Во-вторых, есть ли у кого-нибудь идеи, как изменить размер ручки на основе размера окна? Кажется, я не могу понять, как это сделать в процентах.

EDIT: Чтобы изменить CSS, вы должны использовать функцию Draw, так как это делается с помощью Canvas, и нет возможности применить CSS к ней напрямую.

Это работает для меня:

$(".dial").knob({ 
    'draw': function() { 
     $(this.i).css('font-size', '100px'); 
     } 
}); 

Answer 1

С помощью ручки jQuery с помощью Canvas, поэтому мы не можем напрямую настроить это с помощью CSS.

В качестве альтернативы вы можете использовать плагин jQuery roundSlider, который похож на ручку, но он строится только на основе элементов div. Таким образом, вы можете настроить общий контроль в соответствии с вашим желанием.

Для получения дополнительной информации проверьте страницу demos и documentation.

Проверьте пожалуйста different appearances.

Answer 2

Ответ 1:

Чтобы изменить цвет, вы можете использовать data-fgColor="#222222" атрибут при инициализации объекта. Поскольку его холст CSS не будет работать там. Какой еще стиль вы хотите применить?

Ответ 2:

Update вы в ближайшее время на это.