Foundation 5范围滑块-动态设置开始/结束/步长的方法

Question

范围滑块允许通过标记中的数据选项初始化开始/结束和步长值，但不提供像set_value这样的方法来在运行时使用回流来更改这些值。

我是不是遗漏了什么？尝试重置数据选项并调用reflow，但没有重绘。

Jw

Answer 1

这完全是一个技巧，我只知道它能在Chrome上工作……

function updateSliderRange(left,right,value){
    value = (value)? value : left; // default to left if unspecified

    var data_options = "display_selector: #sliderOutput; start: "+left+"; end: "+right+";";
    // set the new options
    $('#slider').attr('data-options',data_options);
    // clear the styles
    $('#slider span').attr('style','');

    // push the html back to break DOM bindings
    $('#slider')[0].outerHTML = $('#slider')[0].outerHTML;

    // get foundation to rebind
    $(document).foundation('slider','reflow');
    $('#slider').foundation('slider','set_value',value); // set the slider
}