这似乎只发生在 Chrome 上,但基本上如果我有一个带有选择框的隐藏元素,并且当我将鼠标悬停在父元素上时,我有一些 javascript 让它显示。问题是选择框不能再被选中。我在jsfiddle上创建了一个演示。
HTML
<div class="widget-wrapper">
Test
<div class="widget">
<select>
<option>Test</option>
</select>
</div>
JS
$('.widget-wrapper').mouseover(function(){
$('.widget').show();
});
$('.widget-wrapper').mouseout(function(){
$('.widget').hide();
});
CSS
.widget {
display: none;
}
.widget.over {
display: block;
}