问题标签 [jquery-ui-selectmenu]

在我的表单中，我将控制元素放在一行中：按钮、选择框、复选框。它看起来在逻辑上是正确的。但自从我开始使用 jQuery UI 后，我看到了奇怪的选择框垂直方向。这是来自 jquery-ui 站点的示例，稍微缩短了一点：https ://jsfiddle.net/Tertium/z829pay7

在 jquery 1.11.2 和 1.10.2 上测试，jquery-ui: 1.11.3，默认所有设置/css。我如何才能将它们排成一行或至少在中间显示？尝试平移、边距、div、表格 - 完全没有效果。

并截图以防万一：

我正在努力让 Selenium 从 jQueryUI 官方插件生成的选择菜单中选择一个选项，如下所述，Selenium 打开菜单，然后单击以选择一个项目，关闭菜单，但是未选择该选项。

设置的一些背景：

• 使用 Selenium IDE Firefox 插件
• 使用 jQueryUI SelectMenu Demo 页面进行测试（所以我们可以确保代码片段是每个人都可以访问的，并且消除了 selectmenu 至少被正确实现，作为他们的演示站点）

测试来源：http: //jqueryui.com/selectmenu/

我尝试将 span.ui-selectmenu-text 定位为 selenium 单击，然后单击 ID=ui-id-5 的元素，但没有成功。然后我尝试单击 span.speed 按钮，然后选择该选项。也没有运气。

在所有情况下，菜单都会打开和关闭，但仍会选择原始值。

然而，奇怪的事情发生了。在 Selenium IDE 中，如果我执行以下操作，则选择它：

1. 双击打开菜单的命令。
2. 双击命令以选择正确的 ID 元素。
3. 再次双击命令以选择正确的 ID 元素。

现在突然间，所选选项被更新。但是当我端到端运行脚本时，通过两次单击命令，它再次失败，并且在页面上选择了默认选项。

编码：

如果有人能指出我正确的方向，任何提示或提示，或问题的实际解决方案，那就太好了。

在发布此之前我确实搜索过，但我能找到的唯一一个是 3 年前的，并且该解决方案不再起作用：

如何使用 ui selectmenu (jQuery) 和 selenium 进行测试

我正在寻找为颜色创建一个下拉列表，其中每种颜色都作为项目旁边的一个小方块。

有：

想要（大致）：

这个版本（jsfiddle）适用于下拉项目本身，但我希望按钮也更新为旁边有彩色方块。

有没有一种好方法可以修改值更新时的下拉按钮以包含下拉菜单中的颜色方块？

我尝试用图像开发一个 selectMenu？我以 jquery ui 站点为例进行修改，以增加在您选择带有图片的项目时保持图片可见的可能性。

这里我的代码

我的问题是重置。有时我需要将其置于初始状态。

我尝试刷新，但是在 Span 结果和我的选择更改大小上会自动添加 With。我在创建事件时更正它

但是不要在选择事件中工作......当我点击重置时，我的选择会变小。

然后我尝试破坏事件。适合大小，但不适合文本显示。如果我选择带图片的项目。单击重置当我放断点时：

返回好的项目（text = TOUS“）但它保留旧的选定值以显示文本并且不显示任何内容

我不知道如何正确刷新我的选择菜单并返回第一个状态

如果调试是消除错误的艺术……那么程序就是创造的艺术

我有一个脚本，可以将 html 内容加载到 div 并同时应用 jquery 选项卡。但是，我想同时在我的选择中获得 JQuery Selectmenu。

我很难弄清楚如何嵌套这些。

我将继续查看 API 文档、教程、stackoverflow 等。

但是，与此同时，我认为有人可以帮助加快这个过程。

这是我的脚本：

这个脚本就像我想要的那样工作，但它没有得到我的主题的样式，因为它不是一个选择菜单

我希望我的选择使用选择菜单：

尝试1：

尝试2：

尝试 3：

尝试4：

此尝试加载选择菜单主题，但会杀死功能

尝试 5：

我正在尝试修改一些现有代码。我想使用 jQuery 来更改下拉列表中某些项目的样式。

我的下拉列表结构如下：

我希望能够更改具有class="station"（又名 DeptC-G）的选项的字体颜色或背景颜色。

我尝试了以下方法：

注释部分不起作用，它会做警报部分，但从未应用过样式。

我试着用

但这会将样式应用于每个选项而不是特定选项。

我做了一些研究，发现这个问题看起来与我正在寻找的内容非常相似。但是，我尝试了给定的解决方案，但它们都不适合我。没有错误，只是没有应用样式。

任何帮助表示赞赏:)

EDIT_01：

这就是它在 IE11 中的样子，基于原始选择的列表移位。（我知道这是 IE11 渲染下拉列表的方式，但我们将对其进行更改）

我们需要下拉列表看起来像 IE8 中的样子，如下所示。不知何故，这种风格没有被应用。

我有一个弹出页面，在那个页面中我有一个选择框，我已经应用了 jquery UI 选择菜单。问题是选择框位于弹出窗口的底部，当它打开时，它会超出弹出窗口的限制。

我的实际代码（出于安全原因，我无法在此处粘贴我的代码）具有：

• 与弹出容器相比，选择框的 z-index 更大，因此它在弹出窗口顶部的渲染没有问题。

• 选择框的 z-index 与弹出窗口相关，而不是整个页面，因此当弹出窗口高度较小时，选择框隐藏在弹出窗口后面。

所需的行为是当弹出高度小于显示所有选择框所需的高度时。我需要显示选择框而不隐藏。

如果我没有应用 jquery ui 选择菜单，它会按预期工作。

请找到以下图片以供参考。

• 1.当有足够的弹出窗口大小时。

• 2.当弹出窗口较小时，选择隐藏。

• 3.我期待什么。

请建议我可以做些什么来解决这个问题。

我正在尝试将完美滚动条插件（它提供漂亮的滚动条而不是浏览器默认滚动条）添加到 jQuery UIselectmenu

这是JSFIDDLE

当我打开selectmenu滚动条时（即使我悬停列表），直到我将鼠标靠近列表底部（这意味着：第一次打开选择菜单时，它给人的感觉是没有其他项目，因为滚动条不存在）

任何想法我该如何解决？

HTML

JS

CSS

我想克隆 adiv里面有不同的元素。其中一个元素是select转换为selectmenu。克隆工作正常，除了新select的不可点击并且它的项目无法显示。

请参阅此演示。只需单击“克隆”按钮并尝试选择新的selectmenu.

什么是使这项工作的干净方法？

我目前正在尝试使用 jQuery-UI 制作一个有效的选择菜单。我的选择看起来不错，但是当我尝试选择一个值时，没有任何变化：选择保持打开状态，悬停时值发生变化，而不是单击时发生变化。我完全不明白发生了什么。

我正在使用 jQuery 1.10.2 和 jQuery-UI 1.11.4。

这是我的（渲染的）HTML：

这是我的 javascript 代码（在 a 中$(function(){ ）：

有谁知道为什么它不起作用？

谢谢，祝你有美好的一天