jquery - 如何支持不同的 jquery-ui 主题

标签 jquery css jquery-ui

我正在 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>

@见Theme API

关于jquery - 如何支持不同的 jquery-ui 主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12601813/

相关文章:

javascript - CSS 选择器查找其中一个子元素具有特定文本值的元素

css - 垂直 ul li 导航,具有更大的居中下拉菜单

image - 像素值是否更适合约束照片容器?

html - 如何在右上角正确放置 Bootstrap 指示器?

javascript - jQuery 文本编辑器 (JQTE)

javascript - 如何将一个div附加到另一个div中?

jquery - NodeJS、Express 显示来自 AJAX POST 的 HTML 页面响应

javascript - 如何禁用鼠标滚轮单击按钮?

javascript - 如何为 jQuery UI 对话框编写 qUnit 测试?

jquery - 禁用 Jquery 日期选择器中的特定日期