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

时间:2014-05-15 14:49:10

标签: jquery jquery-knob

我正在使用Knob JS,需要更改拨号值以及最大值。

旋钮实现为:

<input class="dial" data-max="30" data-width="225"  data-height="225">

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

 <script>
           function changeknobval(val){
                        $('.dial')
                        .val(val)
                        .trigger('change');
                    }

                    $(document).ready(
                                function() { changeknobval(26); });
</script>

更改旋钮值工作正常,但我对如何更改最大范围值感到迷茫。 在Git repo中,我在jquery.knob.js中看到了这一点:

this.o = $.extend(
                {
                    // Config
                    min : this.$.data('min') !== undefined ? this.$.data('min') : 0,
                    max : this.$.data('max') !== undefined ? this.$.data('max') : 100,
...

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

干杯。

1 个答案:

答案 0 :(得分:2)

根据文档(https://github.com/aterrien/jQuery-Knob#dynamically-configure),您可以这样做:

$('.dial').trigger('configure', {
    max: 200
});