使用 Rangeslider 并尝试使其与移动设备兼容答案

【问题标题】：using Rangeslider and trying to make it mobile compatible使用 Rangeslider 并尝试使其与移动设备兼容
【发布时间】：2014-03-27 20:53:35
【问题描述】：

我正在使用the Range slider plugin。

该插件运行良好——它完全可以在计算机上完成所需的工作，但是当我尝试在移动设备上使用它时，用户无法将选择器拖动到他们想要的位置..

就像桌面一样，用户应该能够将手柄拖动到他们想要的任何地方。这是我尝试过的：

var resStepValues = [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 100, 120];
    jQuery("#slider_one").slider({
        animate: true,
        min: 0,
        max: 29,
        range: true,
        values: [displayLeft, displayRight],
        slide: .bind('mousemove touchmove', function (event, ui) {
            jQuery("#sliderone-min").text(numberWithCommas(resStepValues[ui.values[1]]));
            jQuery("#sliderone-max").text(numberWithCommas(resStepValues[ui.values[0]]));
        },
        change: .bind('mousemove touchmove', function(event, ui) {
            jQuery("input[name='priceFrom']").val(resStepValues[ui.values[0]]);
            jQuery("input[name='priceTo']").val(resStepValues[ui.values[1]]);
        }
    });

我添加了 .bind('mousemove touchmove'，所以希望当用户拖动选择器时它会起作用，但这不起作用。我关注的是这个 guide，它有一个类似的概念。有没有人有任何想法？我完全不知道该怎么办。

【问题讨论】：

标签： javascript jquery html jquery-mobile mobile

【解决方案1】：

对于任何正在寻找答案的人，这就是您所需要的。去这里下载文件并将其包含到您的网站中，它将完美地工作..

http://touchpunch.furf.com/

希望这对某人有所帮助..

【讨论】：