如何使用jQuery移动仅支持触摸事件(没有UI增强)？

Question

我正在开发一个有它自己的外观和感觉的网络应用程序。我只想使用jQuery移动作为触摸事件的支持。

当我链接jquery.mobile.min.js (没有链接css)时，我的页面布局就会中断。

如何配置(初始化) jQuery移动仅使用触摸事件支持？我是否会绑定jQuery文档就绪钩子中的事件，因为我没有任何与JQM页面相关的事件？

编辑

参见jsfiddle中的这个示例：http://jsfiddle.net/redhotsly/JGgrw/。html包含一个<button>，但jQuery移动在其左侧创建了一个<span>。如果您检查结果标记(F12)，您将看到jQuery移动也向my按钮添加了一个CSS类。

编辑：

我需要一个不需要修改JQM脚本的解决方案。我需要使用CDN的官方脚本。

Answer 1

如果您只想绑定到触摸/手势事件，我将使用jGestures：

http://jgestures.codeplex.com/

不错的jquery插件，我以前在项目中使用过这个插件，可以绑定到大量的事件：

可用事件： orientationchange装置是顺时针或逆时针旋转的。此事件由设备触发，可能使用内部陀螺仪。 捏捏是在捏指手势时触发的(两个手指相互移动或相互移动)。 旋转是在旋转手势时触发的(两个手指顺时针或逆时针旋转)。 滑动是在移动手势(手指在设备周围移动，例如拖动)时触发的。 在用一个接触点滑动移动手势(一个手指在设备周围移动)后，触发滑动。 在用两个接触点滑动移动手势(两个手指在设备周围移动)后，可以触发两个。 使用三个接触点的滑动手势(三个手指在设备周围移动)触发滑动三次。 滑动四是在用四个接触点滑动移动手势后触发的(四个手指在设备周围移动) 滑动是在一个严格的向上滑动手势之后触发的 swiperightup是在右旋和向上滑动动作后触发的。 滑动是在严格的右击动作后触发的。 swiperightdown是在钻机*htwards和向下滑动手势之后触发的 向下滑动是在严格向下滑动手势之后触发的 swipeleftdown是在左转和向下滑动手势后触发的。 swipeleft是在严格的左转动作后触发的。 旋转是在左转和向上滑动手势之后触发的。 tapone是在一个(一个手指)点击手势后触发的。 在双(两指)点击手势后触发taptwo 在三指(三指)敲击手势后触发Taptri3 当出现一个针孔手势(两个手指相互移动)并移除接触点(手指)时，会触发针孔打开。 当发生关闭手势(两个手指向对方移动)并移除接触点(手指)时，触发。 当发生顺时针旋转手势(两个手指顺时针旋转)并移除接触点(手指)时，触发旋转。 当发生逆时针旋转手势(两个手指逆时针旋转)并移除接触点(手指)时，触发旋转。

Answer 2

如果只想使用jQuery手机进行触摸事件，请在加载jQuery移动库之前添加此脚本：

<script type="text/javascript">$(document).bind("mobileinit", function(){$.extend(  $.mobile , {autoInitializePage: false})});</script>

这样可以防止jquery初始化页面和触摸DOM，从而使布局不受影响。

Answer 3

jQuery移动现在有一个下载生成器，允许您只选择想要的部分，在这种情况下，您只需要选择事件部分下的Touch复选框。

http://jquerymobile.com/download-builder/