Как заставить элементы пользовательского интерфейса jQuery реагировать на события указателя HTML5?

Я пытаюсь «жениться» на функциональности jQuery-UI с новыми событиями указателя HTML5, но пока безуспешно. Например, как заставить перетаскиваемый пример работать с этими событиями? Даже высокоуровневые шаги / ответ направления будут оценены.

Я попробовал JQuery UI Touch Punch, но, похоже, он вообще не поддерживает сенсорные события на моем ноутбуке. в любом браузере (Lenovo X1 Carbon Touch, Windows 8.1, IE 11, Chrome 30). Я думаю, что это нацелено на мобильные платформы, такие как iPad / iPhone, увы, мне нужно что-то, что будет работать и на ноутбуке.

Затем я попробовал Draggable Touch Хеймана, он (в основном) работает в Chrome, но не так многое в IE; он ограничен поддержкой перетаскивания, поэтому не применяется, скажем, к элементам с изменяемым размером; наконец, он не использует события указателя из спецификации HTML5 (вместо этого он использует "touchstart" и другие события "tocuh*", которые не реагируют на перо, а также те, которые, похоже, не входят ни в одну стандартную спецификацию, или, может быть, я просто не могу ее найти).

Наконец, я попробовал HandJS, который обещает кроссбраузерная поддержка событий указателя . Я добавил скрипт на свою страницу, но он не включал перетаскивание касанием для перетаскиваемых элементов jQuery-UI. Перетаскивание мышью работает, как всегда, но не касание. Я имею в виду jquery-2.0.3, jquery-ui-1.10.3 и hand-1.2.


person Max Galkin    schedule 10.11.2013    source источник


Ответы (1)


Пользовательский интерфейс jQuery предположительно имеет встроенную поддержку событий указателя. Я также написал библиотеку абстракции жестов, поэтому вам не нужно заботиться о том, есть ли в браузере только мышь, есть ли сенсорный API Apple или поддерживаются ли события указателя на http://deeptissuejs.com. У меня есть несколько обновлений, которые появятся через несколько недель, так что следите за обновлениями!

person Chris Love    schedule 18.11.2013