我正在 jQuery 中制作一个日历组件,我希望它可以使用主题滚轮主题和任何可用的 jquery 主题(平滑度、ui-ligtness、ui-darkness 等)来设置样式。使用不同的 css 类 ui-widget、ui-widget-container、ui-state-XXX 我有一些可以正常工作的东西。问题是某些主题的背景由于背景位置而最终看起来很奇怪。
此处提供示例:http://jsfiddle.net/Ddn3t/1
但是,请注意,我不能真正使用 background-postion: bottom
,因为如果我更改主题,我需要将该值更改为 top
。
例如在这种情况下:http://jsfiddle.net/Uasen/2
所以我需要一种方法来为这两种情况正确定位背景。
最佳答案
状态类适用于可点击的类似按钮的元素,而不是其他任何东西。他们是问题所在。如果您删除它们,那么一切都会正常显示。您可能还应该将 ui-widget 类添加到外部元素。即。
<div style="height: 400px;" class="ui-calendar-day ui-widget ui-widget-content">
<div class="ui-calendar-day-name ui-calendar-day-header ui-widget-header ui-helper-clearfix " style="top: 0px; ">Friday</div>
<div style="display: none" class="ui-calendar-day-number ui-calendar-day-header ui-widget-header" style="top: 0px; ">7</div>
关于jquery - 如何支持不同的 jquery-ui 主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12601813/