Question

我正在使用Range滑块插件（https://api.jquerymobile.com/rangeslider/）

该插件运行良好 - 它完全符合计算机所需的内容，但当我尝试在移动设备上使用它时，用户无法将选择器拖到他们想要的位置。

就像桌面一样，用户应该可以随意拖动手柄。这是我尝试过的：

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（＆＃39; mousemove touchmove＆＃39;，所以希望当用户拖动选择器时它会工作，但这不起作用..我正在遵循这个有类似概念的指南：{ {3}}

有没有人有任何想法？我完全不知道该怎么做。

Answer 1

对于那些正在寻找anwser的人来说，这就是你需要的......去这里下载文件并将其包含在你的网站中，它将完美地运作..

http://touchpunch.furf.com/

希望这可以帮助别人......

使用Rangeslider并尝试使其移动兼容

1 个答案: