jquery - 如何刷新重新实例化/刷新 Pip Slider 插件？

Question

我正在使用http://simeydotme.github.io/jQuery-ui-Slider-Pips/ slider 插件并且在重新实例化插件值时遇到问题。我们有一个复选框，如果选中， slider 应显示一个范围，如果未选中复选框，则应设置最大范围，并且用户只能设置开始范围。反之亦然。

我使用的代码是:

if (true) 
{
        $this.find(".div").slider({
            min: 0,
            max: 50,
            value: startMonth,
            range: "max"
        });
}
else
{
        $this.find(".div").slider({
            min: 0,
            max: 50,
            values: [10, 20],
            range: true
        });
}

我也尝试过更新选项，但它的行为很奇怪。

$this.find(".div").slider()
.slider("option", "value", startMonth)
.slider("option", "values", null)
.slider("pips", "refresh");

Answer 1

我正在做的是销毁 slider 并重新初始化它。我不确定这是否是一种优雅的方法，但看起来效果很好。

$this.find(".div").slider("destroy").removeClass("ui - slider - pips");

if (true)
  {
  this.find(".div").slider({
                min: 0,
                max: months.length - 1,
                value: startMonth,
                range: "max"
            })
            .slider("pips", {
                rest: "label",
                labels: months
            });
  }
else
  {
            this.find(".div").slider({
                min: 0,
                max: months.length - 1,
                values: [startMonth, months.length - 2],
                range: true
            })
             .slider("pips", {
                 rest: "label",
                 labels: months
             });

  }