Как использовать Jquery UI Slider на Windows Surface?

Я работаю над приложением для поверхности 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.

1 ответ

Решение

Исходя из вашего вопроса, я установил следующую демонстрацию с 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);
});

Я протестировал демо с Surface Device, используя IE. Похоже на работу.

Я бы посоветовал проверить или обновить вашу тестовую среду и убедиться, что в браузере доступен последний JavaScript.

Другие вопросы по тегам