旋钮 JS：动态更改数据最大值

Question

我正在使用 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 存储库中，我在 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,
...

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

干杯。

Answer 1

根据文档 (https://github.com/aterrien/jQuery-Knob#dynamically-configure)，您可以：

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