jquery - 如何使用 jQuery Mobile 仅支持触摸事件(无 UI 增强)？

Question

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

当我链接 jquery.mobile.min.js (不链接 css)时，我的页面布局被破坏。

如何配置(初始化)jQuery Mobile 以仅使用触摸事件支持？由于我没有任何 JQM 页面相关事件，我是否可以将事件绑定(bind)到 jQuery 文档就绪 Hook 中？

编辑

请参阅 jsfiddle 中的此示例:http://jsfiddle.net/redhotsly/JGgrw/ 。 html 包含 <button>但 jQuery Mobile 创建了 <span>在它的左边。如果您检查生成的标记 (F12)，您将看到 jQuery Mobile 还向我的按钮添加了一个 CSS 类。

编辑:

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

Answer 1

如果您只想将 jQuery mobile 用于触摸事件，请在加载 jQuery mobile 库之前添加这段脚本:

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

这可以防止 jquery mobile 初始化页面并触摸 DOM，从而让您的布局保持不变。