首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >内部选择使向下滑动的div (父)消失。

内部选择使向下滑动的div (父)消失。
EN

Stack Overflow用户
提问于 2013-08-26 17:50:56
回答 1查看 177关注 0票数 2

我有一个下拉式(滑动),其中有一个select元素:

http://jsfiddle.net/XFNhU/1/

Chrome上,您可以显示它,然后从1-4 (2-4,单击隐藏框)中选择,这样就可以工作50%。

FF上,如果您显示该框并在某个选项上悬停,它将立即消失。

我试过这样做:

代码语言:javascript
运行
复制
function display(".drop") {
    document.getElementsByClassName(".drop").style.left = "-5px";
}

function hide(".drop") {
    document.getElementsByClassName(".drop").style.left = "-9999px";
}

...but无效。想知道有没有人知道怎么解决这个问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-26 18:07:01

您可以为select元素添加一个额外的事件处理程序,该元素是停止事件传播。从DOM中冒泡而来的。

这样,如果光标仍然位于$('header .parent.animated')元素上,则不会调用$('header .parent.animated')上悬停事件的第二个回调函数:

代码语言:javascript
运行
复制
$('header .parent.animated select').hover(
    function(e){
        e.stopPropagation();
    },
    function(){
        $(this).parents('.drop').hide();
    }
);

见此处:http://jsfiddle.net/XFNhU/8/

这似乎既适用于Chrome,也适用于Firefox。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18449989

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档