问题标签 [jquery-ui-theme]

我尝试将 jquery-ui datepicker 添加到我的网站。我下载了必要的 jquery-ui js 组件和 Smoothness 主题 css。问题是当我将小部件添加到我的网站时，它看起来像这样：

损坏的日期选择器

与此相反：

它应该是什么样子

我使用自定义 twitter bootstrap 作为我网站的主要样式，但根据 Chrome Inspect 元素，它似乎不会影响小部件的样式。

有什么想法可能是错的，或者我该如何进一步调查？

大厅，

我正在使用 jquery themeroller 警报图标。我希望这个图标以不同的颜色显示。例如，此图标在错误消息中显示为红色，在警告消息中显示为黄色。下面是默认图标。

是否可以为 Jquery 图标添加颜色？

如何在左侧插入一个主题滚轮图标<input type="text">，作为 a background-image？

我无法直接访问图像，因为主题是动态的。在运行时不知道哪个主题是当前的。我只能依赖类名，如ui-icon,ui-icon-email等。

谢谢。

我目前正在做一个 Web 应用程序的菜单，我想为该菜单使用与我用于应用程序其余部分的主题不同的主题。我使用 PrimeFaces 的默认主题，尽管它稍后可能会更改，以及我使用 jQuery 主题滚轮 (http://jqueryui.com/themeroller) 制作的菜单的自定义主题我想将此主题应用于主仅限菜单，在 CSS 文件中定义：

我可以使用自定义主题应用到整个应用程序

但它不适用于特定区域菜单在我的模板中定义：

有没有人建议只为菜单使用自定义主题？

谢谢

我是否缺少隐藏的“保存更改”按钮？即使 zip 文件中包含的示例 html 页面在打开时也不会显示添加的属性。我真的很喜欢 Themeroller 的易用性（即拖放），但如果我能真正使用我用它创建的东西，我会更喜欢它。

所以我正在开发这个应用程序，我正在使用 jQuery 进行输入控制。只是标准。

但是我找不到如何让这个 css(ui-state-error) 出现在下拉列表中。最简单的方法是什么？

我使用基于 UI Lightness 主题的 ThemeRoller 构建了一个自定义 jQuery UI 主题。我的 jqGrid 现在看起来像这样

根据我的调查，标头使用 css 类ui-state-default ui-th-column ui-th-ltr并使用背景图像：images/ui-bg_glass_100_f6f6f6_1x400.png来自jquery-ui-1.10.0.custom.css.

我在ThemeRoller中更改了哪些设置来更改标题颜色？

我正在尝试将jQuery UI 选项卡设置为垂直选项卡，但与它们提供的垂直选项卡演示的样式略有不同。

我正在努力实现这一目标：

但我能得到的最好的是：

您会注意到选项卡底部边框的颜色与文本颜色相匹配，但我真的希望边框在整个选项卡周围保持一致。

我可以像这样添加一个css行：

但是我不想硬编码任何颜色，因为它们是由 jQuery UI 主题滚轮提供的，所以如果我决定更改主题，或者为我的网站的不同品牌设置不同的主题，那么这将成为一场噩梦维持。

更深入地研究这个问题，标准的 jQuery UI 主题 css 似乎是这样做的：

这是因为整个东西都是为水平选项卡正常设置的，需要移除底部边框。我无法删除它，因为它是生成的主题滚轮 css 的一部分。我不认为这应该改变border-color 属性，因为只指定了速记边框的前两个（即宽度和样式）。所以我希望边框颜色不会在这里被覆盖，但实际上它是，并且它正在将它设置为字体颜色。

我为尝试还原此 css 行所做的是：

再次注意，我没有在这里触及边框底部颜色。

这个结果，至少在 Firefox 中，是取自 firebug 的：

出于某种原因，看起来颜色被设置回默认浏览器颜色，即使没有触及边框底部颜色。我只希望 .ui-widget-content .ui-state-default 中的颜色通过，但我不知道该怎么做。

使用继承不起作用，因为我不想从 DOM 中的父元素中获取颜色。

这是一个jsFiddle 显示我的问题。任何人都可以帮助我获得可维护的解决方案吗？

我无法使 jQuery UI 不确定的进度条在 Rails 应用程序中正常工作。我的工作基于http://jqueryui.com/progressbar/#indeterminate上的 jQuery-UI API 演示，并试图将其调整为我的应用程序。

我试图模拟的 jQuery 示例代码的关键部分是：

我的 Rails 应用程序中的关键代码如下：

应用程序.js：

页面特定的 JS (event.js) - 包含在 views/events/new.html.erb 中：

应用程序.css：

events.css.scss：

意见/事件/new.html.erb：

服务页面中的结果 HTML：

此代码在进度条 div 中生成一个空白的白色条，而不是 jQuery 演示中的灰色动画条。如果我删除 document.ready 函数中的注释，该栏会变为红色（#aa0000），但它仍然不是动画的，只是静态的。我将非常感谢任何人对此行为的任何见解。

更新：我发现以下线程 - https://forum.jquery.com/topic/progressbar-api-redesign#14737000003912014 - 这表明动画覆盖GIF文件尚未包含在主题包中，所以我下载了它并将其安装在 assets/images/animated-overlay.gif 中，但它仍然无法正常工作。我在 Smoothness 主题 CSS 文件中找到了以下几行：

所以我认为我将图像放在正确的位置。有什么建议么？

这是一个JSfiddle。但以防万一 - 这是使用 jquery mobile 的典型导航栏的一些代码。

默认情况下，当您从导航栏中选择一个按钮时，Jquery 会更改主题。我希望主题保持不变。在这个特定的示例中，Jquery 将主题从“a”更改为“b”，但我希望主题保持为“a”。

我已经尝试过这个：

但这将颜色更改为纯黑色，而不是 jquery mobile 使用的黑色主题。

有谁知道如何防止活动状态改变主题？

同样，这是一个JSfiddle