Tag: jquery knob

jQuery Knob Release函数附加参数

我正在使用jQuery Knob插件https://github.com/aterrien/jQuery-Knob 现在,我有以下jQuery旋钮初始化 loop <input type="text" value="” class=”circle-rating” data-entryid=””> endloop $(function() { $(“.circle-rating”).knob({ ‘min’:0, ‘max’:10, ‘step’:1, ‘width’:40, ‘height’:40, ‘fgColor’:”#F59B00″, ‘inputColor’:”#F59B00″, ‘displayPrevious’: true, ‘release’ : function (v) { var entry_id = $(this).attr(‘data-entryid’); jQuery.post(“/path/to/file/update_library_score.php”, {v : v, entry_id : entry_id}, function(data) { console.log(entry_id); jQuery(‘#notification-general’).html(entry_id); }); } }); }); 主要问题是我在页面上有多个旋钮。 这些旋钮实际上是一个带有wordpresspost的循环。 无论如何,每个旋钮都附加到一个ID ,当你通过循环时,这个ID发生变化。 现在为了能够更新分数,我需要两个东西,即从release函数获得的旋钮value ,我还需要post_id ,我只能在循环内获得。 那么如何才能将post_id变量赋予此函数? 通常我只需添加一个button或带有onclick=”my_function()但是,我不能用这个来做。抓住与你对应的$ […]

当值为0时,jQuery Knob显示NaN

这真的很奇怪。 $(function(){ $(‘.dial’).knob({ return value + ‘%’; }); }); 这是我的原始代码,以显示百分号,这很好。 由于某种原因,当值为0时,在页面加载时它显示为NaN 。 奇怪的是,只有在突出显示文本然后单击“关闭”才会显示实际值0(替换NaN值)。 知道导致这种情况发生的原因吗? 我试图在格式钩子中处理它: $(function(){ $(‘.dial’).knob({ ‘format’: function( value ){ if(value == undefined || value == NaN { value = 0; return value + ‘%’; } else{ return value + ‘%’; } } }); }); 它仍然无法正常工作。 我控制台记录了我传入的值,确定它是0.我认为它可能是’x之前加载’,因此它将值视为未定义,因为我传递的值属性为angularJS数据绑定。 但我试图处理它无济于事。 有什么想法吗?

我无法获得jQuery旋钮来显示值

首先,提前感谢任何建议。 我到处寻找解决方案,找不到任何东西。 不可否认,Javascript不是我的强项。 我正在使用fineuploader上传文件,一个接一个地使用jQuery旋钮显示上传进度。 该旋钮仅用于上载进度更新,不应该是交互式的。 我可以设置它的样式,设置旋钮的大小完成百分比等,但我不能让它在中间显示上传%。 这是我的代码。 }).on(‘upload’, function(event, id, name) { var progressField = $(‘#’ + ‘pic’ + (id + 1)).parent(); progressField = progressField.parent(); var picName = $(progressField).children(‘label:first’).html(); $(progressField).attr(“class”, “uploaderBox”); $(progressField).html(”); $(‘.uploaderBox’).html(‘Uploading ‘ + picName + ‘…’); $(progressField).append(”); $(“#progressKnob”).knob({ “displayInput”: true, “thickness”: .15, “width”: 70, “fgColor”: “#FF00FF”, “inputColor”: “#000000” }); }).on(‘progress’, function(extra, id, name, […]

jQuery knob tron skin问题

如果有人之前使用过这个插件: https://github.com/aterrien/jQuery-Knob 我试图涂抹皮肤:“tron” 试图添加但是没有用,也尝试了初始化代码: $(“.dial”).knob({ readOnly:true, thickness:0.05, width:100, fgColor:”#cc0000″, bgColor:”#ccc”, skin:”tron” }); 谁知道什么可能是错的?

jquery knob animate on load section

我在网站上使用jquery.knob插件很容易实现。 我为它制作动画,一切正常,但是当我滚动到网页的特定部分时,我希望动画效果开始:例如,当我滚动到#about部分时。 任何人都知道这是否可行? 提前致谢

更改jQuery Knob Min / Max值

我正在为jquery-knob小部件设计一个角度包装器。 只要最大值不变,以下工作。 如果是这样,则ng模型绑定将丢失。 如果我没有在手表开头销毁旋钮小部件,则最大值不会改变。 //Directive app.directive(‘knobWidget’, function () { return { scope: { maxbinding: “=maxbinding”, maxbindingprop: “@maxbindingprop” }, restrict: ‘A’, require: ‘ngModel’, link: function (scope, elem, attrs, ngModel) { ngModel.$render = function () { $(elem).val(ngModel.$viewValue).trigger(“change”); }; scope.$watch(‘maxbinding’, function (newVal) { $(elem).knob(‘destroy’); $(elem).knob({ min: 0, max: scope.maxbinding[scope.maxbindingprop], value: ngModel.$viewValue, change: function (changeVal) { scope.$apply(function () { […]

如何使用jquery旋钮在单个canvas上实现多个拱形?

我指的是jsfiddle以供参考。 在这个蓝色拱门用旋钮减少,但其他拱门不使用旋钮。 任何人都可以建议任何参考。 [canvas] [1] [1]: http : //jsfiddle.net/matthias_h/L5auuagc/ enter code here

jQuery Knob上的覆盖单元在页面重新加载时无法正确重绘

我有一个只读的jQuery旋钮。 我已经能够将单位添加到数字显示中(根据如何使用Jquery旋钮显示单位 ),但重新加载页面时不再显示表盘的前景(即图形值指示器)。 这是我的HTML: ( {{ workload }}是一个浮点Django模板值 – 它被正确替换) 在我的jQuery ready函数中,我有: if (jQuery().knob && ! App.isIE8()) { // Workload Indicator $(“.knob”).knob({ ‘dynamicDraw’: true, ‘min’: 0, ‘max’:100, ‘thickness’: 0.2, ‘tickColorizeValues’: true, ‘readOnly’: true, ‘skin’: ‘tron’, ‘fgColor’: ‘#F00’, ‘inputColor’:’#3D3D3D’, ‘bgColor’: ‘#3D3D3D’, ‘width’ : 150, ‘draw’ : function () { $(this.i).val( parseInt(this.cv) + ‘%’); } }); } […]

如何在jQuery.knob中添加值后缀

我有jQuery.knob的问题我需要在旋钮的值中添加一个Sufixx 。 例如:我需要一个Sufix $后面的值,我只是放入值字段,它的显示,但那时旋钮不会显示状态。 它不会显示旋钮状态。 (但后缀显示)。 这是代码: <input type="text" class="ksta" value=" $” data-width=”50″ /> 没有后缀它完美地工作,帮我解决这个问题。 我的问题的Jsfiddle链接: http://jsfiddle.net/renishar/DWvsh/19/ 在jsfiddle中,它没有$符号,但没有使用$ sign值。 ( $符号可以是任何值或符号)

如何使用Jquery旋钮显示单位

我正在使用Jquery旋钮( http://anthonyterrien.com/knob/ )并且它工作得很好但不是在中间显示无维数的数字我想用ei%或F等显示单位…如何我可以这样做吗?