问题标签 [jquery-ui-button]

我想使用我认为可以在这里看到的“药丸”按钮：http: //jqueryui.com/themeroller/（“选择 1 | 选择 2 | 选择 3”小部件）

这是一个屏幕截图：

实现这种外观需要什么 html 和/或 css 和/或 jquery？我希望能够突出显示 0..所有按钮（基于哪些按钮在当时/当前状态下适用）。

我喜欢 jquery ui 按钮的一般外观，但对于我的目的来说它太大了。有没有办法用 jQueryUI 按钮的魅力代替通用 jQuery 按钮的 blah 外观，同时限制其超大尺寸？

这个 jsfiddle 显示了差异：http: //jsfiddle.net/aSM2r/

（注释掉 jQuery 以查看通用按钮）。

HTML：

jQuery：

此外，当按钮包含锚标记时，jQueryUIized 按钮缺少下划线 - 虽然我不确定我是否介意...

我目前在我的页面上有此代码：

这使得所有按钮都有加号。

有没有办法只让某些按钮有加号，但其他按钮没有加号？

我的代码适用于 jQuery UI、日期选择器和时间选择器，并且我的更新按钮在选择结束时间时启用。但是当我使用 jQuery UI 按钮给我的按钮一个漂亮的外观时，使用这段代码

虽然我得到了样式，但我的更新按钮从未启用。

我想在单个页面上使用几个按钮，但我希​​望一组具有一种样式（例如红色）和另一组具有不同样式（例如灰色背景和红色前景色）。

有可能吗？

我一直在寻找一个 jQuery 插件，它可以让我创建一组按钮，我发现jQuery UI buttonset 现在这个小部件非常接近我的需要，因为当时只能检查一个按钮，但现在问题来了：这个小部件提供了一种在特定行数中显示选项（收音机）列表的方法？？我问是因为我想得到如下图所示的结果：

这是一个小提琴

和HTML代码：

和js：

任何建议或指导将不胜感激。

我创建了一个网格并自定义了一个列以包含一个 jquery UI 菜单，例如拆分按钮示例

一切正常，除了菜单窗口出现在单元格内导致视觉效果不佳的事实，即单元格高度增加为菜单窗口腾出空间。查看以下屏幕截图以获得直观的解释（不要介意菜单项处于禁用状态）。

有没有办法让菜单窗口根据 z-index 出现在表格元素的顶部？

非常感谢您的宝贵帮助，社区:)

根据评论请求编辑：

创建拆分按钮菜单的代码如下。首先是列模型标记

然后，在 gridComplete 事件中，我有以下代码（请注意，启用/禁用菜单项需要一些代码

我使用 jQuery ui 按钮动态创建看起来像按钮的 div。单击这些 div 应打开一个对话框，单击其图标应删除 div（按钮）。我尝试了几种不同的方法，但我似乎无法得到我想要的结果。

我实现的最接近的事情是在图标和 div 本身上使用 onclick，但问题是，当单击图标时，我会先调用图标的 onclick，然后再调用 div 的 onclick，这将导致对话框在之后打开div 已被删除。我还尝试在图标的 onclick 内的 div 上添加一个禁用属性并将其设置为 true，并在 div 的 onclick 内检查该属性，但这不起作用（我有点明白为什么。）

所以我的问题是：我怎样才能创建一个按钮，当点击它时会打开一个对话框，并带有一个图标，当点击它时，它会删除按钮？

代码：

附言。我使用按钮的原因是因为它是看起来最像我在 jquery ui 中想要的小部件。

更新（我最终得到了什么）：

我试图防止我的按钮在 mouseleave 上丢失活动类，但我无法让它工作。

所以，我的按钮是用 jQuery 的buttonset(). 它们是按钮，而不是复选框。复选框是不可能的，因为它们需要 ID 才能工作。

这是我的代码：

这个想法是，如果按钮有ui-state-persist类，它不应该丢失ui-state-active类，直到两者都被显式删除。此处理程序在单击时完成活动按钮的切换：

我也尝试过添加e.stopPropagation()ande.preventDefault()以及它们的所有组合，但它不起作用。这个完全相同的代码适用于常规 UI 按钮（不在按钮集中的按钮）。

任何帮助，将不胜感激。

编辑

我还没有解决这个问题。我很想给你们赏金来帮助我，但我不能，因为我是新成员。有没有人遇到过这个问题，他想使用buttonset()持续活动的按钮，而不是复选框？

jQuery mobile 使单选按钮可见。jQueryUI 是否可以不费力气地做到这一点？用户了解单选按钮的功能，所以我更愿意保留这种视觉识别。