如何在 Windows Surface 上使用 Jquery UI 滑块？

Question

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

我查看了这个问题 here 并尝试了它的解决方案，但它不起作用。（同时使用 jquery-ui-touch-punch 和

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

但其中 none 有效。

还有其他解决办法吗？

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

Answer 1

根据您的问题，我设置了以下演示 w/Touch Punch：

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

JQUERY

$(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 在浏览器中可用。

如何在 Windows Surface 上使用 Jquery UI 滑块？

How to use Jquery UI Slider on Windows Surface?

javascript

jquery

windows

jquery-ui

chromium-portable