1

我正在开发适用于 Windows 表面的应用程序,并且正在尝试使用 Jquery UI 滑块。它适用于鼠标事件,但不适用于触摸。

我在这里查看了这个问题并尝试了它的解决方案,但它不起作用。(同时使用jquery-ui-touch-punch

-ms-touch-action: none;
touch-action: none;

但它们都不起作用)。

有没有其他解决方案?

我正在使用 Chromium Portable 运行应用程序并使用 1.11.4 jquery ui 和 jQuery UI Touch Punch 0.2.3。

4

1 回答 1

1

根据您的问题,我设置了以下带有 Touch Punch 的演示:

https://jsfiddle.net/Twisty/fLudwu2b/

查询

$(function() {
  $("#red, #green, #blue").slider({
    orientation: "horizontal",
    range: "min",
    max: 255,
    value: 127,
    slide: refreshSwatch,
    change: refreshSwatch
  });
  $("#red").slider("value", 255);
  $("#green").slider("value", 140);
  $("#blue").slider("value", 60);
});

我使用 IE 使用 Surface 设备测试了演示。它似乎工作。

我建议检查或更新您的测试环境,并确保浏览器中提供最新的 JavaScript。

于 2016-03-29T23:38:17.370 回答