我已经用我自己的 CSS 主题构建了一个网站。我正在使用 jQuery UI“选项卡”小部件,但没有来自 jQuery-UI 的 CSS。
现在,我尝试在我的页面之一中添加“日期选择器”小部件。如果我可以重用 jQuery-UI 默认主题那就太好了,这样就很好了。
问题是日期选择器主题也应用于我的选项卡 CSS。例如,“ui-widget”CSS 属性适用于日期选择器和选项卡元素。
我似乎找不到将 css 属性仅应用于日期选择器的方法。我看不到仅适用于日期选择器 DIV 的“超级选择器”。
处理这个问题的最佳方法是什么?
[编辑]
这日期选择器 http://jqueryui.com/demos/datepicker/小部件确实是问题所在。我无法应用特定于它的 CSS 样式。这是弹出的 DIV 的起始代码:
<div style="position: absolute; top: 300.4px; left: 149px; display: block;" id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
因此,我无法添加超级选择器。日期选择器小部件支持就好了CSS 范围 http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/。但事实并非如此。我陷入了手动编辑 jQuery CSS 文件的困境。
日期选择器目前正在重构的 http://wiki.jqueryui.com/Datepicker。希望新代码能够解决这个问题。
$(window).load(function() {
$('#ui-datepicker-div').addClass('CSS-Scope-Class');
});
The .addClass() http://api.jquery.com/addClass/jQuery 函数将向日期选择器添加必要的类,以便主题样式表可以选择它。
我必须附加到窗口的加载事件而不是文档的就绪事件,因为当时尚未插入日期选择器。
注意:将日期选择器添加到 DOM 和应用新类之间会有一个小的延迟,这意味着在页面完成加载时日期选择器可能会显示为无样式。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)