如何仅将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)?

下一篇: Mobiles, HTML, CSS (& laziness)