基础6，带有新设置/选项的reInit滑块插件

Question

如何动态更改插件的设置/选项。在这种情况下，滑块插件。我试着改变数据步骤。

这里我尝试过的：

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 } );
}