jquery - 将 CSS 添加到 Jquery 旋钮？

Question

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

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

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

这对我有用:

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

Answer 1

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

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

有关更多详细信息，请查看 demos和 documentation页面。

在这里查看 different appearances .