添加jquerymobile会破坏CSS

添加jquerymobile会破坏CSS,jquery,html,css,jquery-mobile,Jquery,Html,Css,Jquery Mobile,当我使用CDN将Jquery mobile添加到我的HTML中时 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.

当我使用CDN将Jquery mobile添加到我的HTML中时

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

它完全接管了我的风格,打破了我的设计


有什么我可以这样做的吗?在我的整个项目中不使用Jquery的CSS吗?

Jquery.mobile.CSS有很多类和属性,这些类和属性可能会与您的类发生冲突,它们的属性与您对每个标记或类期望的属性不同。

根据我的经验,包括Jquery.mobile.CSS单独使用是无害的,当加载jquery.mobile脚本时,麻烦就来了。解决方案是只使用那些需要的函数,在我的例子中是8k vs 200k,问题就解决了

这里有更多详细信息(因为我无法发表评论):


我们需要更多的代码来回答这个问题。但是,在jQuery移动风格之前还是之后包含您自己的风格呢?如果你最后尝试加入你自己的风格。这很容易忘记,我知道,因为我自己做了很多…有必要包括标准jquery吗?我只是为一个特定功能添加jquery,在我的web应用程序中为设置按钮添加一个弹出菜单。我不希望它覆盖文本区域和按钮的当前样式。它甚至改变了我的背景。创建你自己的弹出窗口,而不是仅仅为一个小部件添加JQM。JQM是一个框架,它将完全改变你的网站。任何css框架中最冲突的一个将是
框大小:填充框
。我认为你没有采用这种风格。通过覆盖
框大小:内容框
,使此继承属性生效。