javascript - 如何从 JQuery - IonRangeSlider 获取值？

Question

如何从 ion.rangeSlider 中获取低值和高值组件通过点击一个按钮？

这是我的 jQuery 代码:

<script>
    $(document).ready(function(){
        $("#range_1").ionRangeSlider({
            min: 10,
            max: 50,
            from: 10,
            to: 20,
            type: 'double',
            step: 1,
            prettify: true,
            hasGrid: false
        });
    });
</script>

<script>
 $(document).ready(function(){
    $('#get_values').click(function(){
            var low = $('#range_1').... ???;
            var high = $('#range_1').... ???;
            alert(low);
        });
 });
</script>

Answer 1

// Launch plugin
$("#range").ionRangeSlider({
    type: "double",
    min: 0,
    max: 1000,
    from: 200,
    to: 500
});

// Saving it's instance to var
var slider = $("#range").data("ionRangeSlider");

// Get values
var from = slider.result.from;
var to = slider.result.to;

请参阅 http://jsfiddle.net/2qLum6s7/ 中的解决方案.适用于最新版本的 Ion.RangeSlider (2.1.2)。