【问题标题】:How to support different jquery-ui themes如何支持不同的jquery-ui主题
【发布时间】:2012-09-26 12:33:03
【问题描述】:

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

所以我需要一种方法来为这两种情况正确定位背景。

【问题讨论】:

  • Themeroller 是一个开发者工具,你真的不应该把它暴露给用户。
  • @Andrew 我不打算让用户接触它。我希望能够为其他开发人员提供一种简单的方式来设置日历组件的样式(使用 jquery-ui 小部件工厂构建)。

标签: jquery css jquery-ui


【解决方案1】:

状态类用于类似按钮的可点击元素,而不是真正用于其他任何东西。他们是问题所在。如果您删除它们,那么一切都会正常显示。您可能还应该将 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

【讨论】:

    猜你喜欢
    • 2011-08-29
    • 1970-01-01
    • 2023-02-07
    • 2022-11-21
    • 1970-01-01
    • 1970-01-01
    • 2010-11-21
    • 1970-01-01
    • 2013-04-17
    相关资源
    最近更新 更多