Foundation 5 Range Slider - 动态设置开始/结束/步骤的方法

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
}