jQuerymobile 滑块触摸滞后答案

【问题标题】：jQuerymobile slider touch lagsjQuerymobile 滑块触摸滞后
【发布时间】：2013-08-21 23:30:40
【问题描述】：

我正在使用滑块来更改我用 flot 显示的图表的最小值/最大值。

这是我的滑块 HTML：

<div id=timerangeslider>
        <form>
            <div class="ui-grid-a" id="slider3">
            <label for="slider-2">Anzeige-Zeitraum (in Stunden):</label>
            <input type="range" name="slider-2" id="slider-2" data-highlight="true" min="1" max="48" value="24">
            </div><!-- /ui-grid -->
        </form></div>

这是我的 jQuery：

function timerangeslider() {
    $(document).ready(function(){
        $("#slider-2").change("click",function() {
            timerange = $("#slider-2").val();
            energyPlot(d,timerange)
        });
    });
}

函数在“pageinit”上调用。它调用另一个函数“energyPlot”来更新我的图表（使用 flot）

此解决方案的问题是，即在“#slider-2”值的每次变化时重新绘制我的图表所以这行得通，但看起来像废话。

另一种解决方案是：

function timerangeslider() {
    $(document).ready(function(){
        $(document).on("click","#timerangeslider",function(event) {
            timerange = $("#slider-2").val();
            energyPlot(d,timerange)
        });
    });
}

这里的问题是，在我的设备（使用 Phonegap）上，它无法识别实际滑块上的触摸。您可以单击滑块左侧的数字并触摸它，但如果拖动滑块则不会。但它在浏览器中工作。

关于如何对实际滑块上的触摸做出反应的任何想法（在带有 phonegap 的设备上）或者关于如何仅在滑块停止时重新绘制图表的第一个解决方案的任何想法？

【问题讨论】：

标签： jquery-mobile charts slider flot

【解决方案1】：

刚刚在这里jQueryMobile slider change event找到了解决方案

似乎有一个名为“slidestop”的滑块的事件，您可以收听它。

所以我用了这个：

function timerangeslider() {
        $("#slider-2").on("slidestop",function(event) {
            timerange = $("#slider-2").val();
            energyPlot(d,timerange);
        });
}

【讨论】：