如何仅将jQuery Mobile用于其触摸事件支持(无UI增强)?
我正在开发一个具有自己外观和感觉的网络应用程序。 我只想使用jQuery Mobile进行触摸事件支持。
当我链接jquery.mobile.min.js(不链接css)时,我的页面布局被破坏。
我如何配置(初始化)jQuery Mobile只使用触摸事件支持? 我是否会绑定jQuery文档就绪钩子中的事件,因为我没有任何与JQM页面相关的事件?
编辑
在jsfiddle中看到这个例子:http://jsfiddle.net/redhotsly/JGgrw/。 该html包含一个<button>
但jQuery Mobile在其左侧创建了一个<span>
。 如果您检查结果标记(F12),您将看到jQuery Mobile还为我的按钮添加了一个CSS类。
编辑:
我需要一个解决方案,我不会修改JQM脚本。 我需要使用CDN的官方脚本。
如果你只是想绑定到触摸/手势事件,我会使用jGestures来代替:
http://jgestures.codeplex.com/
我之前在项目中使用的一个很好的小jquery插件,可以绑定到一系列大事件:
可用事件:
orientationchange设备顺时针或逆时针旋转。 该事件由设备触发并可能使用内部陀螺仪。
捏(pinch)在捏手势期间触发(两个手指彼此远离或朝彼此移动)。
旋转在旋转手势期间触发(两个手指顺时针或逆时针旋转)。
swipemove在滑动移动手势(手指正在设备周围移动,例如拖动)期间被触发,
swipeone在用一个接触点轻扫移动手势后触发(一根手指在设备周围移动)
swipetwo在用两个触点移动滑动手势后触发(两个手指在设备中移动)
swipethree在具有三个接触点的滑动手势后触发(三个手指在设备周围移动)
swipefour在具有四个触点的轻扫移动手势后触发(四个手指在设备周围移动)
swipeup被触发后的严格向上滑动移动手势
swiperightup在向右和向上滑动移动手势后触发
swiperight在严格的向右滑动移动手势后触发
swiperightdown在钻机*向下和向下滑动移动手势后触发
swipedown在严格的向下滑动移动手势后触发
swipeleftdown在向左和向下滑动移动手势后触发
swipeleft在严格的向左滑动移动手势后触发
swipeleftup在向左和向上滑动移动手势后触发
Tapone在单一(单指)轻击手势后触发
taptwo双击(双指)轻敲手势后触发
tapthree在三脚(三指)轻击手势后触发
pinchopen当一个pinchopen手势(两个手指彼此远离)发生并且接触点(手指)从设备上移除时触发。
pinchclose当一个pinchclose手势(两个手指朝着彼此移动)发生并且接触点(手指)被移除设备时触发。
rotatecw当发生顺时针旋转手势(两根手指顺时针旋转)并且触点 (手指)被移除时触发。
rotateccw当逆时针旋转手势(逆时针旋转两个手指)发生并且触点 (手指)从设备上移除时触发。
如果您只想将jQuery mobile用于触摸事件,请在加载jQuery移动库之前添加以下脚本:
<script type="text/javascript">$(document).bind("mobileinit", function(){$.extend( $.mobile , {autoInitializePage: false})});</script>
这可以防止jquery mobile初始化页面并触摸DOM,从而使您的布局独立。
jQuery Mobile现在有一个Download Builder,可以让你只选择你想要的部分,在这种情况下,你只需要选择Event部分下的Touch复选框。
http://jquerymobile.com/download-builder/
链接地址: http://www.djcxy.com/p/72085.html上一篇: How to use jQuery Mobile for its touch event support only (no UI enhancements)?