添加 Jquery Mobile 会破坏 CSS答案

【问题标题】：Adding Jquery Mobile breaks CSS添加 Jquery Mobile 会破坏 CSS
【发布时间】：2019-05-29 13:20:25
【问题描述】：

当我使用 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 移动样式之前或之后包含自己的样式吗？如果您确实尝试最后包含自己的样式。这很容易忘记，我知道，因为我自己经常这样做......
是否需要包含标准的jquery？
好吧，我只是为一个特定的功能添加 jquery，即我的网络应用程序中设置按钮的弹出菜单。我不希望它覆盖我当前的文本区域和按钮样式。它甚至改变了我的背景。
创建您自己的弹出窗口，而不是只为一个小部件添加 JQM。 JQM 是一个框架，它将彻底改变您的网站。
任何 css 框架中最冲突的一个将是 box-sizing: padding-box。我认为你没有应用这种风格。通过覆盖 box-sizing: content-box 来使这个继承属性继续存在。

标签： jquery html css jquery-mobile

【解决方案1】：

jquery.mobile.css 有很多类和属性，这些类和属性可能与您的类发生冲突，从而使每个标签或类的属性与您期望的属性不同。

【讨论】：

【解决方案2】：

根据我的经验，仅包括 jquery.mobile.css 是无害的，当加载 - 大部分是不必要的 - jquery.mobile 脚本时，麻烦就来了。解决方案是只使用那些需要的功能，在我的例子中是 8k vs 200k，问题就消失了。

这里有更多细节（因为我无法评论）：

jQuery Mobile breaks links. What is the correct use?

【讨论】：