Question

当我在我的项目中嵌入 jquery.mobal-1.1.0.cs 和 jquery.mobal-1.1.0.js 时,

Means my all buttons become white rounded shape just as a button used in mobile sites and Center loading image circle is always there . Then i placed both of these on the top of all scripts and stylesheets but then also the jquery UI sliders and other things are not working properly but buttons problem and that center images circle prolem gone.

有人能告诉我这里发生了什么吗?

Answer 1

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

<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>

Place the files (stylesheets) at last which are 至be on that page,

您可以在铬中检查这个

Inspect some div and see the style in any page, style for div is changed at set 至some style which is attached at last.

如果两个样式在同一文件中, 两种样式( div 的样式)都会为该 div 工作, 但所附加的样式来自该文件中的最后一行

Answer 2

jquerymobile 覆盖了 cs 使用的某些 cs 类。至于为什么即使脚本移到上方也行不通,因为 jquerymobal 框架自动增强文件已准备好上的一些元素(您可以指定不通过配置某些默认选项来增强某些元素)

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

某些元素的增强可以通过不给予它们jquerymobile所要求的数据属性而加以防止,但某些元素如按钮则自动增强,而不提及jquerymobile的任何特性。

友情链接