Jquerymobile和jQuery UI数据图标冲突

在我的web应用程序中，我有一个页面，我使用jQuery UI中的自动填充小部件。我从这个页面链接到jQuery Mobile和jQuery UI CSS。Jquerymobile和jQuery UI数据图标冲突

link rel="stylesheet" href="Styles/jquery.mobile-1.0.1.min.css" 
type="text/css" link rel="stylesheet" type="text/css" 
href="Styles/ui-lightness/jquery-ui-1.8.16.custom.css"

当我这样做，我的jQuery Mobile的数据图标不显示在所有。我只是看到了一个黑洞。我只提到jQuery Mobile的其他页面没有问题。他们显示的数据图标很好。

任何想法，我可能做错了什么？

来源

2012-02-06 user1186390

尝试在followng为了将您的Javascript：

<script src="custom-scripting.js"></script> 
<script src="jquery-mobile.js"></script>

如果这没有帮助，尝试在你的代码:jqmData()使用自定义选择，因为它会自动包含命名空间的数据属性到当他们查找正在使用。例如，而不是调用$("div[data-role='page']")，你应该使用$("div:jqmData(role='page')")，在内部映射到$("div[data-"+ $.mobile.ns +"role='page']")不强迫你来连接一个命名空间到你选择手动特意为你data-icons

来源

2012-02-06 19:44:58 pansp

jQuery Mobile的显示通过一个背景图像和位置的CSS图标声明，很可能你有CSS覆盖这些样式。

要找到您的问题，使用调试器，Chrome浏览器的调试是非常有用的，在计算样式认准背景图像/位置风格和冲突的CSS类。然后你可以看到哪个班级正在赢得奖励和实际价值，如果你看到一个黑匣子，你可能只是有一个不好的网址到图像 - 你可以通过跟随CSS样式上的图像链接并看到如果这个图像真的存在。

而且我没有看到你周围的CSS声明你的<和>括号，纠正我，如果我错了，但我认为你应该有一个单独的标签链接到每个css文件：

<link rel="stylesheet" href="Styles/jquery.mobile-1.0.1.min.css" type="text/css"> 
<link rel="stylesheet" type="text/css" href="Styles/ui-lightness/jquery-ui-1.8.16.custom.css">

来源

2012-02-06 20:18:10

将jQuery UI css链接放在jQuery mobile css之前，应该可以工作。

来源

2012-04-06 08:29:07 misha

Jquerymobile和jQuery UI数据图标冲突

回答

相关问题