如何在 Windows Surface 上使用 Jquery UI Slider？

Question

我正在開發適用於 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。

Answer 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。