jQueryUI CSS仅适用于HTML正文的特定部分

时间:2011-03-01 23:28:48

标签: jquery jquery-ui

我想为Tabbed窗格使用jQuery和jQueryUI。但我不想在我的整个网页上使用CSS。如何仅将Tabbed Panes所需的CSS用于我想要显示窗格的特定区域?

由于

2 个答案:

答案 0 :(得分:1)

由于jQuery UI CSS中使用了特定的选择器,它只适用于由jQuery UI创建的元素。

当然,除非你给你的元素提供相同的类,否则这是正常的。

如果你是偏执狂,你可以在每个选择器的开头添加一个特定的选择器,这只会使它膨胀并使其不可移动(更不用说你无法在谷歌的CDN上回复)。

答案 1 :(得分:0)

如果您有其他支持JQuery UI的元素,这应该只是一个问题。例如,如果您将JQuery UI包含在标准页面中,那么默认情况下不会对所有内容进行样式设置。但是,如果您有一个选项卡式窗格以及一个日期选择器,它将成为一个问题,因为它们都配置为使用Jquery UI。

绕过它可能会有所不同。某些元素(如DataTables)允许您只是不启用Jquery UI样式(通过设置bJqueryUI = false)但是,像datepicker这样的其他元素并不那么简单,它们会自动进行调整。您可以删除某些类以避免此行为,但要注意它可能会影响其他行为。删除类就像$(vanilla-selector).removeClass("ui-state-hover");

一样简单
相关问题