问题标签 [jquery-ui-button]

我正在使用开箱即用的jQuery UI库，基于一个主题。

将链接呈现为按钮很棒，但是我需要覆盖一些具有不同颜色的按钮。

如何为要使用的特定按钮指定特定类？

几周前我在 jquery 论坛上问过这个问题，但没有运气，所以我会在这里再试一次:)

我为我正在处理的项目制作了一个简单的小部件，但遇到了一个奇怪的问题。

用一个示例实现来解释它是最容易的。 http://decko.dk/buttontest

页面上有 3 个按钮。第一个是我的下拉小部件。下一个是常规禁用按钮 (A)，最后一个是常规启用按钮 (B)。如果您然后刷新页面（按 F5 或其他），则启用的按钮现在神秘地被禁用。我不知道为什么会发生这种情况，但是如果按钮 A 没有被禁用，那么按钮 B 在刷新时不会被禁用。此外，如果我在我的小部件代码中删除对 insertAfter 的调用，则不会禁用该按钮。谁能解释为什么会发生这种奇怪的行为？

顺便说一句，我只能在 Firefox 中重现它。

当我刷新具有 jquery ui 按钮的网页的一部分时，似乎我必须调用：

或者它显示为常规按钮。很好，但是当我这样做时，它仍然显示为一个常规按钮，然后再转换为 jquery 主题的样式。有没有办法避免这种情况，因为它看起来有点乱。

注意：我注意到这适用于我使用 jquery ui 进行主题化的任何内容，例如自动完成、按钮等，因此它不是特定于按钮的问题。

是否可以使用自定义图标创建 jQueryUI 按钮，即：不属于 jQueryUI 提供的精灵图标的图标？

我正在为一组 3 个复选框使用 ButtonSet 功能，但需要一个比开箱即用的图标更具风格的图标...

Flash 中有一个类似于 jQuery SplitButton 的按钮。Flash 按钮由两部分组成，文本和图标。

我用它来为用户显示字符串搜索运算符：等于、开始于、结束于、包含。在 Flash 中，当单击图标时，文本区域会下拉一个选项列表；它看起来像这样：

并且当用户从列表中做出选择时，选择会显示在按钮的文本区域中并且列表会卷起。

我正在尝试转换我的 Flash 应用程序，并希望能提供与此功能对应的功能。考虑到表单上的空间，单选按钮组不太理想。这是这个 Flash 按钮的主要优点——它在使用屏幕空间方面非常经济。

感谢您的任何答案/建议。

好吧，我回来了...我正在尝试使 jquery UI 的按钮和对话框插件与我的表单一起使用。我想要重置按钮

拉出一个确认对话框，它确实如此。取消应该关闭对话框并将按钮设置回其原始状态。它可以很好地关闭，但按钮保持其悬停状态，即使我已经尝试在我能想到的几乎所有地方添加 .refresh 方法。

然后在继续响应中，按钮应继续其最初的用途。这不会发生。我得到一个 return: false 类型的行为 w/o return: false 任何地方。

行，

我制作了一个 twitter 风格的控制面板来对列表应用过滤器和排序，它的代码是这样的：

这与以下 JS 代码一起使用：

最后我使用 jQuery UI 按钮来塑造按钮：

这在所有经过测试的浏览器（FF、chrome、IE8）中都很好用，但在 IE7 中却不行。在那里，当我使用必要的隐藏和 slideToggles 将#drawer 的内容从“过滤器”更改为“订单”时，会出现一个空的 applyFilter 按钮。当您将鼠标悬停在其上时会消失的幽灵。

这里的任何人都知道为什么会发生这种情况，以及如何在我的 IE7 代码中摆脱这个烦人的小错误？

[10 年 7 月 22 日更新] 我找到了一个临时解决方案，但希望能找到更简洁的解决方案。我添加了以下 JS，基于 PHP 的 MSIE 7.0 检测：

其中 $drawer = subDrawer ID 的第一部分（过滤器/订单）。

我有 4 个使用 Jquery UI 的“按钮”功能的按钮。3 工作无懈可击。第 4 个似乎不想在悬停时始终应用 jquery ui 悬停类“ui-state-hover”。它有时会这样做，但大多数时候它只应用一个“悬停”类（我在萤火虫中观看它），这显然与他们的 css 样式不匹配。有谁知道到底是什么导致了这种差异？

编辑：我认为这是 UI 按钮和 Ajax Uploader 之间的冲突。这是我正在使用的一些精简代码。

我在它的点击事件中禁用了我的 jqueryui 按钮，如下所示

当我稍后在另一个地方启用它时，它似乎总是保持悬停状态。我试图添加 $('#btn').button('refresh')，但它不起作用。启用后如何将其状态恢复为默认值？

我一直在整个页面上使用 jQuery UI 按钮，但是我还没有找到解决似乎是一个简单问题的方法。我希望我的一些按钮比另一个小，这应该就像将按钮文本的 CSS 设置为类似的东西一样简单，font: .8em;但是 jQuery UI 需要你的 DOM 元素并包装它：

因此，如果我有一个<button class="small-button">Small button!</button>jQuery，会将文本放在子跨度中。给small-button类的任何字体大小都将被忽略。

必须有一种方法来解决这个问题，而无需破解 jQuery 制作按钮的方式。有任何想法吗？