javascript - 第一次单击时 msDropDown 子项仅显示 3px

Question

我的 msDropDown 插件有问题，它似乎运行良好，但是当我第一次单击它时，带有选项的子框仅显示 3px。然后再次单击，它工作正常。

我正在使用 Chrome、Jquery 1.9.1 和 msDropDown 3.5.2

Answer 1

这对我有用

.ddChild, .ddChild ul {height:auto !important; max-height: 150px !important;}

资源：

https://github.com/marghoobsuleman/ms-Dropdown/issues/88

Answer 2

我正在处理同样的问题，简单的解决方案是在“子框”中定义LI 元素的确切高度。例如：

.dd .ddChild li { ... height: 12px; padding: 8px 0; ...}

这对我有用。

Answer 3

在 css 中设置行高对我来说不起作用，但经过一些修改后，我发现在 jquery.dd.js 文件中设置 rowHeight 属性确实解决了这个问题。

例如

//dropdown class
function dd(element, settings) {
    var settings = $.extend(true,
        {byJson: {data: null, selectedIndex: 0, name: null, size: 0, multiple: false, width: 250},
        mainCSS: 'dd',
        height: 120, //not using currently
        visibleRows: 7,
        rowHeight: 100, //HEY STACKOVERFLOW - CHANGE THIS!!!!

这有点笨拙，因为这意味着您需要提前知道您希望您的项目有多高，并且如果您想在页面上提供不同高度的多个 msdropdown 可能会导致问题。

不过，它现在解决了这个问题。

Answer 4

您还可以在 CSS 中设置列​​表的恒定高度：

.ddChild { height: 200px }

Answer 5

我在谷歌浏览器也遇到了同样的问题。我刚刚用这个 css 代码解决了这个问题。我添加了overflow-y ..所以如果列表大于200px ，滚动将起作用

.dd .ddChild {
    height: auto !important;
    max-height: 200px;
    overflow-y: scroll !important;
}