javascript - jquery ui selectmenu 滚动条不工作

Question

我使用 jquery selectmenu 插件。我已经用

初始化了选择

$('select').selectmenu({width:100, maxHeight:300, style: 'dropdown'});

我有很多选项，这会导致出现默认浏览器滚动条，但我无法使用它。如果我单击并尝试拖动此栏，选择菜单将关闭。我可以用鼠标滚轮滚动。 css 和各种插件可能会有一些冲突。但我不确定从哪里开始寻找。

任何想法，可能导致此问题的原因是什么？

Answer 1

当在 CSS 中打开时，您可以设置选择菜单内容的最大高度，然后它将在可以使用的项目列表中显示一个滚动条。

ul.ui-menu { max-height: 420px !important; }

如果您使用的其他 jQuery UI 小部件包含分配了“ui-menu”类的

元素，您可能需要在 CSS 中进一步限制这种样式更改。