链接 JQuery Mobile 的问题答案

【问题标题】：Issues linking JQuery Mobile链接 JQuery Mobile 的问题
【发布时间】：2014-12-16 23:19:30
【问题描述】：

我目前正在为我的公司制作一个网站，并且在链接 JQuery 移动版时遇到了这个问题。在我链接 JQuery mobile 之前，一切都很好，所有元素都井井有条。但是，一旦我链接了 JQuery 移动文本，页面底部就会出现“正在加载”。演示元素根本没有发生任何变化，也没有任何不合适的地方，但是可以在网页底部看到这种加载。我以前从未经历过这种情况，也无法在网上找到任何东西，因此将不胜感激。我也在使用 Bootstrap 3。

我的代码链接脚本：

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link href = "style.css" rel = "stylesheet">

普通页面的图片：

问题页面：

【问题讨论】：

您有冲突，但如果不了解更多信息或亲眼目睹，很难分辨出是什么。也许这有帮助：stackoverflow.com/questions/10047798/…
如果您右键单击“正在加载”并检查元素，您会看到什么 CSS？
所有 CSS 样式似乎都来自 Bootstrap 链接，但即使删除链接后它仍然存在

标签： jquery jquery-mobile

【解决方案1】：

您也缺少 JQuery Mobile CSS 文件。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />

在您的 JQuery Mobile js 引用之后将其添加到您的页头元素应该会为您解决问题。

【讨论】：