我有一个下拉式(滑动),其中有一个select
元素:
http://jsfiddle.net/XFNhU/1/
在Chrome上,您可以显示它,然后从1-4 (2-4,单击隐藏框)中选择,这样就可以工作50%。
在FF上,如果您显示该框并在某个选项上悬停,它将立即消失。
我试过这样做:
function display(".drop") {
document.getElementsByClassName(".drop").style.left = "-5px";
}
function hide(".drop") {
document.getElementsByClassName(".drop").style.left = "-9999px";
}
...but无效。想知道有没有人知道怎么解决这个问题?
发布于 2013-08-26 18:07:01
您可以为select
元素添加一个额外的事件处理程序,该元素是停止事件传播。从DOM中冒泡而来的。
这样,如果光标仍然位于$('header .parent.animated')
元素上,则不会调用$('header .parent.animated')
上悬停事件的第二个回调函数:
$('header .parent.animated select').hover(
function(e){
e.stopPropagation();
},
function(){
$(this).parents('.drop').hide();
}
);
见此处:http://jsfiddle.net/XFNhU/8/
这似乎既适用于Chrome,也适用于Firefox。
https://stackoverflow.com/questions/18449989
复制相似问题