javascript - 选择列表悬停下拉菜单？

Question

我正在查看以下答案:jQuery Drop Down Hover Menu

首先，非常感谢您提供的答案。我能够在工作中不断发展的工具中实现这一点，我使用该工具为用户提供更轻松的工作方式。

但是，我有一个问题，我不想在之前的论坛上列出作为答案...这不是论坛应该如何使用的方式。

在这个工具(我上面提到的)上，还有一些 <select>该工具中的下拉菜单，用户表示他们希望鼠标悬停时下拉菜单。所以我修改了这段代码来显示:

$(".DDM").hover(function() {
  $(this).find('ul, select').stop(true, true).slideDown('medium');
}, function() {
  $(this).find('ul, select').stop(true, true).slideUp('medium');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="DDM">
  <select class="DDM">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</div>

它不起作用，所以我想我的第一个问题是:是否可以在不更改 <select> 的情况下执行选择列表悬停下拉菜单至<li> ??

Answer 1

可以获取item的数量并调整大小:

$('.DDM').hover(function(){
var count = $(this).children().length;
$(this).attr('size', count);
},
function(){
$(this).removeAttr('size');
});

如果您有太多选项，您可能必须限制大小。