问题标签 [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 回答
1061 浏览

bower - 如何安装名称中带有斜杠的 bower 包?

我正在尝试通过凉亭安装https://github.com/aterrien/jQuery-Knob 。在包的 bower.json 文件中,我看到:

{ "name": "aterrien/jQuery-Knob", "version": "1.2.9", .. }

所以在我的 bower.json 文件中我输入了:

当我跑步时bower install,我得到了这个:

为什么将包名称添加到协议中?我应该如何安装这个包?

0 投票
1 回答
358 浏览

javascript - 用另一个jQuery动态控制一个旋钮

我有两个旋钮,我想在移动第二个时动态控制第一个的值。

到目前为止我有:(第一个旋钮)

(第二个旋钮应在移动时动态更改第一个旋钮)

我也尝试过使用:

没有结果。

我错过了什么?

谢谢

0 投票
1 回答
623 浏览

javascript - 数据步骤属性在 jquery 旋钮中不起作用

如何更改jQuery 旋钮中的数据步骤属性。我尝试data-step="25"过输入 html 标记,但它不起作用。这是 jsfiddle http://jsfiddle.net/vishnur15/6SH5t/

0 投票
1 回答
2803 浏览

html - jquery 旋钮响应调整大小在可调整大小的引导面板中不起作用

我试图在引导面板中设置一个 jQuery 旋钮小部件,以便在面板本身调整大小时自动调整大小(感谢 jQuery UI 可调整大小)。

HTML:

JS:

CSS:

这是代码的链接:jsFiddle

我期望旋钮小部件的初始高度为 100 像素高度(父元素的 200 像素最小高度的 50%),但事实并非如此。然后我期望高度总是大小的 50%,但它也不起作用。

有人能帮助我吗 ?:)

0 投票
1 回答
120 浏览

javascript - 鼠标拖动,javascript的奇怪行为

所以我使用knob.js 来创建两个表盘,一个在另一个里面。外盘代表一本书的累积评分,即所有评分的平均值。这个外部表盘具有data-readOnly="true"并且它的价值在这些表盘的共同中心是可见的。内部表盘供我(用户)提交他对该书的评分。因此,我(用户)可以更改内部表盘值。

我希望它的工作方式是,当我更改内部表盘值(即,当我对一本书进行评分,或更改我对一本书的评分时),外部表盘值(累积评分)应相应更新。

这是我尝试这样做的方法...... jsFiddle

现在,如果我通过单击表盘上的某处更改内部表盘值,这可以正常工作,但如果我通过拖动鼠标更改此值...结果是意外的。这种奇怪行为的可能原因是什么。

编辑:jsFiddle的演示中,我假设其他 3 位用户对这本书的评分为 80/100 ...

0 投票
2 回答
754 浏览

javascript - jQuery 旋钮,仅在最后一次更改/发布时提交

我正在使用 anthonyterrien 的 jQuery Knob,步长设置为 20。我想将旋钮的值提交给服务器。问题是每次用户使用右键单击或左键单击移动旋钮时都会调用更改函数(如果使用单击,则仅调用一次释放),并且每次用户使用滚动旋钮时都会调用释放。考虑到用户正在使用控件,我想以某种方式最小化或可能只对服务器进行一次 ajax 调用。

这是旋钮html:

旋钮jQuery:

我希望的结果:

调用结果:http: //i.stack.imgur.com/RS7S4.png 1

最终我想最小化 ajax 调用或调用一次以将 value:40 发送到服务器(根据图像结果)

0 投票
1 回答
322 浏览

jquery - JQuery Knob,使用触摸或鼠标时停止更改旋钮值

我正在将旋钮用于气候控制应用程序。每隔 10 秒,我的脚本会发送一个 ajax 请求以从 XML 中获取 setPoint(所请求的室温应达到的变量),然后更新旋钮值。我还使用旋钮释放事件来调用设置 setPoint 的函数。

我的问题是,有时它会在触摸或鼠标移动的过程中更新旋钮的值以更改 setPoint。

如果在触摸或鼠标滚轮的过程中,有什么方法可以阻止值的变化?下面是我如何检索和设置旋钮值。

function getCurrentSetPoint() { $.ajax({ type: "GET", url: "ControlHandler.ashx", dataType: "xml", cache: false, success: function (xml) { //Get Current Set Point $(xml).find('object[id="abcdefg"]').each(function () { var sTitle = $(this).find('objName').text(); var sPublisher = Math.round($(this).find('objPresentValue').text()); $('.setTemp').val(sPublisher).trigger("change"); }); }, error: function () { alert("An error occurred while processing XML file."); } }); }

谢谢你的帮助!

0 投票
2 回答
11681 浏览

jquery - 如何在 jquery 中动态更改旋钮值..?

我已经应用了一个具有只读功能的 jquery 旋钮,如下所示:

现在,当我单击更改按钮时,它只会更改输入标签的值,但无法更改旋钮填充区域的百分比。

0 投票
1 回答
613 浏览

jquery - 如何使用带有highchart Jquery插件的文本标签之类的Jquery旋钮

我正在使用 highchart 插件并且非常喜欢它。我正在使用图表类型: PIE ,highcharts 的功能。我想添加一个标签,该标签显示该标签内的饼图单击区域的值,就像在 jquery 旋钮中一样。例如,当我们单击 jquery 旋钮的圆形路径时,它会显示该部分的值。以http://anthonyterrien.com/knob/为例。我想要 Highchart 中的那种功能(图表类型:PIE)。有没有办法做到这一点?

这是我想要的快照。在此处输入图像描述

我想当用户单击 5、10、15 之类的任何部分时,它会在该标签(RED SQUARE)中显示单击的值。我能够获得单击的值,但不知道如何使用 PLUGIN 的任何选项在该位置显示该标签。

0 投票
3 回答
1932 浏览

javascript - 在 jQuery 旋钮上禁用鼠标滚轮

有可能吗?jQuery 旋钮

我正在尝试禁用鼠标滚轮,但仍然允许它可以拖动/调整。您可以将旋钮设置为 readOnly: true,但这不会让您拖动转盘。有任何想法吗?