问题标签 [jquery-ui-theme]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
8528 浏览

css - 如何将 jQuery UI 样式应用于普通表单元素,例如输入和选择标签?

也许我遗漏了一些东西,但是在阅读了 jQuery UI 文档之后,我没有看到任何关于将主题样式应用于普通小部件的信息,例如输入和选择标签。在调用将选择日期button()的按钮和datepicker()输入标签之后,我是否应该将普通的文本区域和输入包装在 a<div class="ui-widget">中以提供一致的样式,或者给它们一个特定的 css 类,或者在文档加载时调用一个函数来设置所有样式别的?

0 投票
3 回答
5454 浏览

javascript - 为什么我必须调用 $(":button").button(); 启用 JQuery UI 主题?

我还是 JQuery 和 JQuery UI 主题的新手。我设法开发了自己的主题,并将其应用在带有按钮的简单测试页面上。我阅读了文档,但我找不到它说我应该明确调用$(":button").button();来应用它的地方。

如果我不这样做,则不会应用主题。那么为什么我必须明确地这样做呢?或者,如果这是我所期望的,是否有人有一个通用脚本可以将主题自动应用于所有项目?谢谢。

编辑

阅读答案和评论,有人暗示 UI Theme 的应用是自动的,但也有人说应该手动应用。交付的测试 HTML 页面上的测试似乎表明必须手动应用主题。

0 投票
8 回答
28394 浏览

jquery - 为什么 jQuery ui 选项卡不起作用?

我在这里发现了同样的问题jquery ui tabs not working但它对我没有帮助。这是我应该创建选项卡的 HTML,但它不起作用:

这个html的输出是这样的:

列表元素应显示为选项卡,但它们显示为列表。为什么呢?提前致谢。

0 投票
2 回答
1251 浏览

jquery - 区分 jQuery UI CSS 中的复选框、按钮和单选框

我正在为 jQuery UI 编写自己的 CSS。

基本上,我需要为单选按钮、复选框和常规按钮设置不同的样式。

这里的问题是添加到假小部件的 jQuery 类没有指定它是什么类型的按钮。

例如,假设我们有以下代码:

jQuery 将这两个元素转换为:

如您所见,修改后的标签和生成的跨度没有任何类告诉我它是一个复选框(或单选/按钮)。

理想的解决方案将基于希望我没有注意到的一些课程。第二个最好的解决方案是对 jQuery UI 进行猴子补丁以向这些输入添加更好的类。最后可能的解决方案是破解 jQuery 文件……尽管我真的想避免这种情况。


请注意,我们不会容忍任何形式的狂热、非建设性的评论和类似的答案。问题是 jQuery UI,我不想听到你想到的 mootools、extjs 或任何流行的 l33t 库。

0 投票
0 回答
146 浏览

jquery-ui - 重命名 jQueryUI Themeroller 主题是否可行或值得推荐?

我正在实施一项设计并尝试尽可能多地利用主题滚轮。但是,我也经常使用 DataTables,并且表头采用了 ui-widget 和 ui-state-default 组件的配色方案。因此,我想要 2 个单独的主题,一个用于通用小部件和页面主题,一个专门用于表格。

我的问题是,为任何主题下载的文件名是 jquery-ui-1.8.18.custom.css,它是非描述性的。它位于名为 mysite-theme 的目录中,而该目录又位于名为 css 的目录中,该目录位于名为 jquery-ui-1.8.18.custom 的目录中

我需要在我的 css 目录中拥有的最少文件是多少?有一个 js 目录和几个 js 文件,以及开发包。我可以将 js 目录与 css 目录分开吗?我可以将 jquery-ui-1.8.18.custom.css 文件重命名为类似于 mysite-theme 的文件,并拥有另一个类似 mysite-theme-tables 的文件吗?

如果我使用范围,即使父目录的名称不同,我仍然会有彼此相同的文件名。这是我的担心。

0 投票
1 回答
2249 浏览

jquery-ui - jQuery UI 主题冲突:SlickGrid 和 jQuery UI 选项卡

我正在尝试应用这个 SlickGrid 示例:

http://mleibman.github.com/SlickGrid/examples/example4-model.html

到我自己的网络项目。

当我将网格放到页面顶部时,它会正确呈现。但是,当我将它放到同一页面上的 jQuery UI 选项卡选项卡中时,呈现搜索图像的 CSS Sprite 会错误地偏移。

问题

图标呈现为

看起来 jQuery UI Tabs 也使用了相同的 CSS 类,当然会产生冲突。

查看 IE9 中的有效样式,正确呈现的 jQuery UI Tabs 之外的控件具有以下内容:

正确的样式

呈现不正确的控件如下所示:

错误的风格

底线

将 SlickGrid 放置在 jQueryUI 选项卡中会导致ui-icon-search类丢失,因此设置错误background-position-x/y

为什么该课程丢失了,我该如何解决这个问题?

0 投票
3 回答
432 浏览

jquery - jquery ThemeSwitcher 有 HTTPS 问题

我在我的项目中使用 jquery 主题滚轮,我注意到它正在创建一个 Chrome 警告:

最糟糕的是,它使“绿色横幅”(安全站点)再次变为白色。

所以我一直在研究,我发现这个问题的根源在于jquery.ui.themeswitcher.js它有一个带有非 SSL URL 的变量:

如果我将其更改为“https”,则不会加载图像(实际上,似乎没有启用该协议)。所以问题是:是否有任何启用 HTTPS 的站点可以让我获取文件?

0 投票
3 回答
310 浏览

jquery - 使用 javascript 应用 jQuery“突出显示”主题样式?

我将jQuery UI 主题与我的一个 Web 应用程序一起使用。

如果我想应用按钮样式,我添加以下 jquery 代码:

.button我希望使用 jquery 主题设置样式的按钮上的类在哪里。

在此处输入图像描述


我怎样才能做类似的事情来将主题样式应用到我想将样式设置为“突出显示”的元素?

在此处输入图像描述

我试过.highlight();了,但这没有奏效。

注意:我知道我可以手动将 CSS 类添加到我的元素中,但我希望将其与 jQuery 一起应用,因为这样可以节省我添加span显示图标的元素的时间。

因此,我希望能够拥有以下 HTML 代码:

然后使用 jQuery 将其转换为:


或者,我是否误解了主题滚轮页面上“突出显示”示例的用途?我假设这是一个警告框,考虑到它旁边是一个错误示例。

0 投票
2 回答
17187 浏览

jquery - 如何将 ui 主题用于 jquery 数据表?

我一直在尝试将“平滑度”主题添加到我的 jquery 数据表中,但没有成功。我的数据表只是没有样式。

这是我的标题代码:

这是身体的形式:

我到底在这里做错了什么?

谢谢你的帮助。

0 投票
2 回答
462 浏览

jquery - 将不同的主题应用到 jQuery 对话框?

我有一个包含以下 jQuery 脚本/主题的页面。我想要的默认主题是所有适用元素的“ui-lightness”,但我希望 jQuery 对话框根据“cupertino”主题设置样式。我将如何在我的页面中实现此要求?