Question

我有一个使用jQuery Mobile themeroller（http://jquerymobile.com/themeroller/?ver=1.1.1&style_id=20120909-36）创建的样本。它在themeroller中看起来像这样：

enter image description here

...但是按照指示下载和安装它看起来像这样：

enter image description here

我已根据页面<head>部分的指示安装了主题，如下所示：

<link rel="stylesheet" href="http://localhost/Bon%20Cuisson/project-files/bin-debug/system/stylesheets/bc-swatch-mobile.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

有人可以告诉我为什么CSS看起来坏了，即使它只是直接复制和粘贴吗？

感谢您的时间。

Answer 1

嗯......我最初只用一个样本生成了这个主题。通过复制此样本两次（总共三个，相同的样本）并重试安装，它工作。我只是遵循jQM的建议至少3个色板，然后它没有问题。

为什么呢？毫无头绪，但我希望能帮助别人。

Answer 2

默认情况下，JQuery Mobile会为不同的控件分配不同的样本字母。 swatch a用于页眉和页脚，b在listviws上，嵌套列表页面标题和c在内容块上。我怀疑这可能是你需要超过1的原因？ Jquery Mobile Themes and Defaults

jQuery Mobile Theme Roller产生破碎的主题？

2 个答案: