j 查询用户界面触摸出击
触摸事件支持 jQuery UI
jQuery UI Touch Punch是一个小黑客,可以使用jQuery UI用户界面库在站点上使用触摸事件.
访问Touch Punch官方网站。 。 。 .
目前, j 查询用户界面 用户界面库不支持在其部件和交互中使用触摸事件。 这意味着您在桌面浏览器中设计和测试的浮出水面的 UI 将会在大多数甚至全部的可触摸移动设备上失败, becuase jQuery UI 将会收听鼠标事件——mouseover, mousemove and mouseout—— 不是触摸事件—— touch start, touchmove and touchend.
这就是JQuery UI Touch Punch进入的地方. 触摸 Punch 通过使用 模拟事件 到地图 触摸事件 到他们的鼠标事件模拟。 简单地将脚本包含在您的页面上, 您的触摸事件将变为相应的鼠标事件, JQuery UI 将按预期响应 .
正如我所说 触摸拳是个黑客 这个 鸭子出击 一些jQuery UI的核心功能处理触摸事件的映射. Touch Punch 与 jQuery UI 的相互作用和部件的所有基本执行配合. 但是,你可能会发现更复杂的 触摸扑克失败。 如果是,请向下滚动以学习如何归档和(或)解决问题.
这个代码在麻省理工学院或GPL版本2许可下获得双重许可,因此可以自由使用、修改和/或分发,但如果将Touch Punch纳入其他软件包或插件中,请包括原软件的归属和链接 此触摸冲锋网站。 。 。 .
使用"触摸出击"就像1,2..
只需遵循这些简单的步骤, 在您的 jQuery UI app 中启用触摸事件 :
-
在您的页面中包含 jQuery 和 jQuery UI .
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script> -
在 jQuery UI 之后及其首次使用之前包含触摸 Punch .
请注意,如果您正在使用 jQuery UI 的组件, 触摸 Punch 必须包含在 jquery.ui.mouse.js 之后.
<script src="jquery.ui.touch-punch.min.js"></script> -
没有3个。 只要按预期使用 jQuery UI 并看它的工作 在手指的触摸.
<script>$('#widget').draggable();</script>
在iPad,iPhone,Android等触控移动设备上被测试.