jquery - 将 CSS 添加到 Jquery 旋钮？

Question

我有 2 个问题。首先，您如何更改旋钮的 CSS？我尝试向它添加一个类，但这似乎不起作用。也没有做内联样式。任何人都知道如何做到这一点（一个例子会很棒）？

其次，有谁知道如何根据窗口大小修改旋钮的大小？我似乎无法弄清楚如何让它接受百分比输入。

编辑：要更改 CSS，您必须使用 Draw 函数，因为它是使用 Canvas 完成的，无法直接将 CSS 应用到它。

这对我有用：

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

score 1 · Accepted Answer

由于 jQuery Knob 使用的是 Canvas，所以我们不能直接通过 CSS 自定义这个。

或者，您可以使用类似于旋钮的 jQuery roundSlider插件，但它仅基于 div 元素构建。因此，您可以根据自己的意愿自定义整体控制。

有关更多详细信息，请查看演示和文档页面。

在这里查看不同的外观。

score 0 · Accepted Answer

答案1：

要更改颜色，您可以data-fgColor="#222222"在初始化对象时使用属性。由于它的画布 CSS 不会在那里工作。你想应用什么其他风格？

答案 2：

尽快更新你。

2 回答 2