如何在Windows曲面上使用Jquery UI Slider

How to use Jquery UI Slider on Windows Surface?

本文关键字:Jquery UI Slider Windows 曲面      更新时间:2023-09-26

我正在为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。

根据您的问题,我设置了以下演示w/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。