将鼠标悬停在选项内容上时,下拉框消失

时间:2014-03-19 13:28:15

标签: javascript angularjs

我创建了一个表格,每一行都有一个Dropdown框,使用AngularJs点击显示。我面临的问题是,每当我点击下拉框并尝试将鼠标悬停在选项内容上以选择其中一个时,下拉框就会消失。无法弄清楚为什么会发生这种情况以及如何解决这个问题。我正在使用Mozilla Firefox浏览器和Ubuntu 13.10

P.S-我在Windows Chrome上对此进行了测试,但似乎工作正常,但要求是让它也适用于Mozilla Firefox。

This is my code on plunker

感谢。

3 个答案:

答案 0 :(得分:1)

这是因为代码

ng-mouseleave="showSelect=false"

完全删除它或玩它

答案 1 :(得分:1)

ng-mouseleave="showSelect=false"

当鼠标位于td之外时,FF会关闭/隐藏选择。 当鼠标悬停在td之外的选项上时也会发生这种情况。

答案 2 :(得分:0)

为什么不juste删除TD上的onmouseleave事件?

它的工作没有:

http://plnkr.co/edit/TS4QOwNyxtzpDRoREMcA?p=preview