问题标签 [jquery-knob]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
397 浏览

javascript - 从 Slidr 菜单动态创建 Jquery Knob

我正在使用网络音频在浏览器中开发一个类似合成器的程序。这听起来可能很愚蠢,但我似乎无法在单击时获得创建旋钮的按钮。我尝试以几种不同的方式设置旋钮,包括data-在旋钮属性中添加前缀,但我似乎无法理解。我目前的设置方式是这样的:

任何帮助表示赞赏!

0 投票
1 回答
4883 浏览

jquery - Knob JS:动态更改数据最大值

我正在使用 Knob JS,需要更改刻度盘值以及最大值。

旋钮实现为:

我使用以下方法动态更改值:

更改旋钮值工作正常,但我不知道如何更改最大范围值。在 Git 存储库中,我在 jquery.knob.js 中看到了这个:

有人可以教我如何更改最大值吗?

干杯。

0 投票
1 回答
937 浏览

javascript - jQuery 旋钮部分只读

我的页面上有一组代表百分比的 jQuery 旋钮。每个旋钮的值可以是 0-100,但是,每个后续旋钮的值不应小于前一个旋钮。本质上,我想让旋钮的一部分只读 - 以防止用户将值拖到前一个旋钮的值以下 - 类似于“最小值”值。

例子

  • 旋钮 1 25%
  • 旋钮 2 50%(最小值仍为 0,最大值为 100,但值必须大于 25)
  • 旋钮 3 75%
  • 旋钮 4 100%

我尝试绑定到旋钮上的“更改”事件,但这并没有给我我想要的东西。下面我绑定到更改事件以尝试限制该值 - 这是硬编码以测试简单的用例。我可能想要绑定到“draw”事件以限制动画的值,但还没有到那一步。

在此处输入图像描述

0 投票
1 回答
312 浏览

javascript - 旋钮在中心显示按钮

我正在使用jQuery Knobs创建一些控制元素,到目前为止它运行良好。

现在我想在旋钮的中心有两个按钮。

要创建按钮,我会使用这样的东西:

现在我不知道如何将这个按钮放在旋钮的中心。你有什么想法可以帮助我吗?

http://jsfiddle.net/52VtD/6457/

0 投票
1 回答
1224 浏览

javascript - 更改 jQuery 旋钮最小值/最大值

我正在为 jquery-knob 小部件开发一个角度包装器。只要最大值不改变,以下工作即可。如果是这样,ng-model 绑定就会丢失。如果我不破坏手表开始时的旋钮小部件,最大值不会改变。

正在做:

也不行。有任何想法吗?

0 投票
1 回答
339 浏览

javascript - 避免导致 $digest 已经在进行中的错误的 $watch() 循环

这个问题与之前的问题有关,该问题不再被查看,因为它有一个赞成的答案:Change jQuery Knob Min/Max value

以下代码是 jQuery 旋钮插件的包装器。我知道现有的角度包装器,但我正在使用它来加深我对角度框架的理解。无论如何,所以我的问题是,当 $watch() 检测到旋钮的最小值和最大值发生变化时,触发的变化事件会导致角度内的某种碰撞,从而导致 $digest 已经在进行中的错误。注释掉 change 函数中的两行并不会停止错误,而是注释掉 $(elem).trigger('change'); 行。这打破了我最初的假设,即 scope.$apply() 是原因。如果有人知道这里发生了什么,任何信息将不胜感激。谢谢你。

0 投票
1 回答
569 浏览

javascript - 将整数四舍五入到小数点后 1

我正在使用 Jquery Knob,输入值通过滑块进行更改。

现在我想将“buf”变量四舍五入到小数点后 1,我尝试使用 toFixed 和 Math.round .... 但我无法让它工作,有人可以帮我吗?

编辑:我现在使用这个,如果我使用 console.log 一切顺利。

示例问题,在 console.log 中显示 1.7。但是在 Jquery Knob 的输入字段中,它显示 1.7000000000000002。见下图。

在此处输入图像描述 现在我该如何解决这个问题

0 投票
1 回答
121 浏览

jquery - 移动光标时如何停止旋钮移动?

在我的应用程序中,用户(学生)只需knob向右滑动即可登录应用程序CLICKS,用户的状态会从 切换absentpresent。它在tablets. 但是使用laptops/desktops,当学生用光标将旋钮向右移动时,它会attach随着光标移动,我的意思是如果用户将光标移回左侧,旋钮也会移动,而不是点击它。我想解决这个问题,当用户向右移动旋钮并单击时,它应该标记存在并自动移动到其先前(左)位置,而不是追逐光标!

代码

0 投票
1 回答
350 浏览

javascript - Knob.js 作为 Soundmanager2 的进度条

我正在尝试使用 Knob.js ( http://anthonyterrien.com/knob/ ) 作为进度条。我找到了 soundmanager2 的代码

这适用于普通的 div 宽度进度条,但显然对于 Knob,我们必须更改输入的值。

我已经看到了以下用于更新输入值的代码,但无法使其正常工作。

我的代码来自哪里的一些上下文......它是一个音乐网站,其中有多首歌曲,每首歌曲都有自己的旋钮圈。每个旋钮输入都有一个唯一的 ID 旋钮-###,或变量“knob_ID”

这是我的整个代码:

0 投票
1 回答
921 浏览

javascript - 当值为 0 时,jQuery Knob 显示 NaN

这真的很奇怪。

那是我让百分号显示的原始代码,效果很好。出于某种原因,当值为 0 时,在页面加载时它显示为NaN. 奇怪的是,只有当您突出显示文本然后单击关闭时,它才会显示实际值 0(替换NaN值)。知道是什么导致这种情况发生吗?我试图在格式挂钩中处理它:

它仍然不起作用。我在控制台记录了我传入的值,果然它是 0。我认为它可能是“x 在 y 之前加载”,因此它认为该值是未定义的,因为我通过传递 value 属性angularJS 数据绑定。但我试图处理它无济于事。对此有什么想法吗?