Question

当我在我的项目中嵌入jquery.mobile-1.1.0.css和jquery.mobile-1.1.0.js时，它会覆盖我已使用Jquery UI主题：

表示我的所有按钮都变为white rounded shape，就像移动网站中使用的按钮一样 Center loading image circle永远存在。然后我将这两个放在top of all scripts and stylesheets上，但是jquery UI滑块和其他东西也没有正常工作但buttons problem and that center images circle prolem消失了。

有谁能告诉我这里发生了什么？

Answer 1

jquerymobile会覆盖css使用的一些jquery-ui个类。至于为什么它不起作用，即使你将脚本移到顶部也是因为jquerymobile框架在文档就绪时自动增强了一些元素（你可以指定不通过配置一些默认选项来增强某些元素，如

$.mobile.selectmenu.prototype.options.nativeMenu用于选择菜单等。

可以通过不向jquerymobile提供jquerymobile所需的数据属性来防止某些元素的增强，但是某些元素（如按钮）会自动增强，而不会提及任何特定于jquerymobile的属性。

Answer 2

在主页

中更改其包含的顺序

<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.css"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.js"></script>

到

<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.css"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>

将文件（样式表）置于该页面的最后位置

您可以在Chrome中查看此内容

检查一些div并查看任何页面中的样式，div的样式在设置为最终附加的某种样式时更改。

如果两个样式位于同一个文件中，则两个样式（div的样式）都适用于该div，但附加的样式来自该文件的最后一行

jquery.mobile覆盖Jquery UI主题：

2 个答案: