Jquery ui jquery UI库干扰现有类

我刚刚将jQueryUI库添加到一个网页中

似乎它甚至没有调用任何its函数，而是操纵一个不相关的div元素，该元素恰好具有css类名“

accordion

”

---

在我看来，这真是糟糕的设计，这是设计的功能吗？

如果你没有使用

$（选择器）。accordion（）

函数，它不会操纵你的DOM。
但是因为你在一个元素上应用了

class=“accordion”

，我假设你也用js加载了jquery.ui.css，默认的“accordion”样式将应用于您的元素。

我同意rucsi的观点，奇怪的是JQuery UI css文件上的类使用类名UI accordion。无论如何，请尝试从jquery-ui.css文件（默认名称为jquery-ui-1.8.11.custom.css）中删除以下行：

---

您不考虑添加所有需要使手风琴控制工作操纵DOM的jQuery UI类吗？

/*
 * jQuery UI Accordion 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/*