【发布时间】:2013-11-10 02:40:48
【问题描述】:
我正在尝试将 jQuery-UI 功能与新的 HTML5 指针事件“结合”起来,但到目前为止还没有成功。例如,如何使draggable sample 与这些事件一起工作?即使是高级步骤/方向答案也将不胜感激。
我已经尝试过jQuery UI Touch Punch — 但它似乎在任何浏览器(联想 X1 Carbon Touch、Windows 8.1、IE 11、Chrome 30)中都不支持我的笔记本电脑上的触摸事件。我认为它针对的是 iPad / iPhone 等移动平台,唉,我需要在笔记本电脑上也能工作的东西。
然后我尝试了Heyman's Draggable Touch——它(大部分)在 Chrome 中有效,但在 IE 中却没有那么多;它仅限于支持拖动,因此不适用于可调整大小的元素;最后它不使用来自HTML5 spec 的指针事件(而是使用“touchstart”和其他“tocuh*”事件,因此不会对笔做出反应,而且这些似乎也没有任何标准规范,或者我只是找不到一个)。
最后,我尝试了HandJS,它承诺cross-browser support for pointer events。我已将脚本添加到我的页面,但它没有为 jQuery-UI 可拖动元素启用触摸拖动。鼠标拖动一如既往地有效,但不能触摸。我引用jquery-2.0.3、jquery-ui-1.10.3 和hand-1.2。
【问题讨论】:
标签: html jquery-ui jquery-ui-draggable pointer-events handjs