Foundation 6，具有新设置/选项的 reInit 滑块插件

Question

如何动态更改插件的 settings/options。在这种情况下滑块插件。我正在尝试更改 data-step.

这是我尝试过的：

function changeDataStep($val) {
           var slider = new Foundation.Slider( $('#slider') );
           $('#slider').foundation('destroy');
           slider = new Foundation.Slider( $('#slider'), { dataStep: $val } );
}

Answer 1

javascript 中以 data 开头的属性是混淆的根源。

正确的方法是：

function changeDataStep($val) {
           var slider = new Foundation.Slider( $('#slider') );
           slider = new Foundation.Slider( $('#slider'), { step: $val } );
}