Firefox

Question

选择doropdown在Firefox中的下拉导航中不起作用。

我一直在尝试选择一个选项下拉选项，它位于一个div中，在鼠标离开时隐藏。 Dropdown在chrome中工作正常但在Firefox中无法正常工作。

当我们离开鼠标格式div时，它会被隐藏。我用jQuery来显示/隐藏div。选择下拉列表位于div内部，但只要单击选择下拉列表并尝试选择div隐藏的任何选项。它只在Firefox中发生，其他浏览器都很好。这似乎是一个浏览器错误，但我不确定。如果有办法解决这个问题，你能告诉我吗？

以下是示例代码。

<ul>
  <li>Toggle Div
    <div class='toggle' style='display:none'>
      <select>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
      </select>
    </div>
  </li>
</ul>
<script type="text/javascript">
$('document').ready(function(){
$('li').mouseenter(function(){
    $('div.toggle').show();
});
$('li').mouseleave(function(){
    $('div.toggle').hide();
});
});
</script>

这是https://jsfiddle.net/dhiru/5xoshn9w/ jsfiddle url。