我正在查看以下答案: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>
??
最佳答案
可以获取item的数量并调整大小:
$('.DDM').hover(function(){
var count = $(this).children().length;
$(this).attr('size', count);
},
function(){
$(this).removeAttr('size');
});
如果您有太多选项,您可能必须限制大小。
关于javascript - 选择列表悬停下拉菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42253877/