改变jQuery旋钮的最小/最大值
Change jQuery Knob Min/Max value
我正在为jquery-knob小部件设计一个角包装器。只要最大值不改变,下面的操作就可以工作。如果是这样,ng-model绑定就会丢失。如果我没有在手表开始时破坏旋钮部件,则最大值不会改变。
//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 () {
ngModel.$setViewValue(changeVal);
});
}
});
});
}
};
});
//Markup
<input knob-widget data-min="0" maxbinding="arr" maxbindingprop="length" ng-model="currentStop" />
做:$(elem).knob('max', scope.maxbinding[scope.maxbindingprop]);
也不行。什么好主意吗?
使用trigger('configure')
和trigger('change')
应该可以达到这个效果
$(elem).trigger('configure', {
'max': scope.maxbinding[scope.maxbindingprop];
});
$(elem).trigger('change');
源相关文章:
- 如何设置jQuery微调器的最大值和最小值
- jQuery旋钮animate-如何停止一直到最大值
- 如何将jQuery Mobile中的范围滑块限制为最大值
- 登录以使用 jquery 滚动函数将整数变量从最小值增加到最大值
- Jquery UI 滑块的最大值不正确
- 使用 jQuery 获取数组中具有属性最大值的元素
- 带有两个处理程序的 jQuery 范围滑块.读取最小值和最大值
- 如何通过javascript或jquery在html5中设置的最大值和最小值
- 如何在 jQuery 中设置日期选择器的最小值和最大值
- jQuery Range 滑块 grep 返回具有最小值和最大值的项目
- Jquery 最小值和最大值显示新页面
- jQuery-不知道如何在使用.each时重置数组的最大值
- min&循环通过JSON数据中的最大值(无jQuery)
- jquery ui具有默认值和组合最大值的多个滑块
- Jquery滑块有不同的最大值不工作
- 当文本字段在jquery中具有相同的类名和id时,我可以从文本字段中获得最大值
- jQuery/JavaScript比较最大值和最小值
- JQuery attr不设置最大值,但设置最小值的html输入标签
- jQuery/JavaScript查找表列中的最大值
- 从JS或jQuery中的数组中获取最大值