Question

我尝试使用jQuery Mobile滑动功能，但是当我将其包含在内时，我遇到了一些问题：

http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js

并且： http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

问题是＆＃34;正在加载＆＃34;加载移动库时显示的页面底部的文本。谁知道它为什么显示？我有Chrome / Chromium和Firefox浏览器的问题。您可以在这里查看我的代码： http://jsfiddle.net/rfringuello89/yLGKT/

正如您所看到的，我使用了3个不可拖动但可以滑动的<div></div>

谢谢你们

Answer 1

你也需要为jQuery Mobile包含适当的css，这应该可以解决问题。

编辑：检查this fiddle，我包含了css，它运行正常。

这是包含库的正确方法：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

根据docs。

Edit2：根据this answer eivers88，您可以使用以下代码阻止jQuery Mobile在DOM-Ready上初始化页面（无需包含css依赖项）：

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

jQuery Mobile不良行为

1 个答案: