1

当我嵌入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消失了。

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

4

2 回答 2

0

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

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

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

于 2012-05-21T08:40:44.083 回答
0

更改它们在主页中的包含顺序

<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，但附加的样式来自该文件的最后几行

于 2012-05-21T08:59:59.290 回答