Question

我在一个项目上工作，我需要knobe元素（我知道每个人都有共享的库，但它不可能自定义它，我需要一些东西，我可以把图像像knobe元素）

我找到了这个库，http://tutorialzine.com/2011/11/pretty-switches-css3-jquery/

当我查看代码时，我看不到输入值返回的位置？

以前有人用过吗？或者如果你有类似推荐的东西？

以下是调用库时的代码

$('#control').knobKnob({
        snap : 10,
        value: 154, /// How much I understand this is default value setting 
        turn : function(ratio){
            numBars = Math.round(colorBars.length*ratio);

            // Update the dom only when the number of active bars
            // changes, instead of on every move

            if(numBars == lastNum){
                return false;
            }
            lastNum = numBars;

            colorBars.removeClass('active').slice(0, numBars).addClass('active');
        }
    });

Answer 1

据我所知，插件中没有任何内容可以帮助您检索旋钮的值。这意味着您必须自己扩展它以支持此功能。

这样做的一种方法是获得旋钮旋转度的值。

我找到了一种方法来获得这个确切的值in this answer。

使用该方法时，您可以通过执行以下操作来检索旋钮值：

getRotationDegrees($('#control .knob .top'));

Answer 2

您将获得knobknob.js文件中的值，该文件位于knobknob文件夹中。

doc.on('mouseup.rem  touchend.rem',function(){

                knob.off('.rem');
                doc.off('.rem');

                // Saving the current rotation
                rotation = currentDeg;                  
                alert(rotation);                    
                // Marking the starting degree as invalid
                startDeg = -1;
            });.

警告旋转......你将获得旋钮值

闪亮的旋钮控制

2 个答案: