Foundation 6，帶有新設置/選項的reInit滑塊插件

Question

如何動態更改插件的設置/選項。 在這種情況下，滑塊插件。 我正在嘗試更改data-step 。

這是我嘗試的：

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

Answer 1

以javascript中的數據開頭的屬性是造成混淆的原因。

正確的方法是：

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