Question

我刚刚将jquery ui库添加到网页中。

看起来即使没有调用任何函数，它也会操纵一个不相关的div元素，这个元素恰好具有css类名“accordion”

这是非常糟糕的设计imo，这个功能是设计的吗？

Answer 1

如果你没有使用$(selector).accordion()函数，它将不会操纵你的DOM。
但是因为你在一个元素上应用了class="accordion"，我认为你已经加载了使用js的 jquery.ui.css ，默认的'accordion'样式将应用于你的元素。

Answer 2

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

/*
 * 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; }/*

jquery UI库干扰现有类

2 个答案: