JavaScript单击并隐藏问题Firefox

javascript click and hide issue firefox

本文关键字：问题 Firefox 隐藏 单击 JavaScript      更新时间：2023-09-26

>我正在尝试创建一个菜单，当您单击页面上的其他任何位置时，div将被隐藏。这适用于除火狐之外的所有内容。在 Firefox 中，当您单击该部分中的链接之一时，它不会转到该链接，它只会关闭div。

法典：

$(document).mouseup(function(e){//removes menu when clicked on any other part of page
    if($(".menuone:visible").length > 0  ){
        $('.menuone').hide();
    }
});

.HTML：

<div class="menuone">
<div class="col1">
<ul><li>Example link</li></ul>
</div>
</div>

你应该设置一个变量来跟踪 .menuonediv 的悬停状态。

那么你的if语句将是：

if($(".menuone:visible").length > 0 && !menuHover )

这应该可以解决问题。

希望对:)有所帮助

编辑：

var menuHover = false;
$(".menuone").bind('mouseenter mouseleave',function(e){
    menuHover = e.type == 'mouseenter';
});

我喜欢John Resig网站上提到的想法：

var outerPane = $details.find(".details-pane-outer"),
    didScroll = false;
$(window).scroll(function() {
    didScroll = true;
});
setInterval(function() {
    if ( didScroll ) {
        didScroll = false;
        // Check your page position and then
        // Load in more results
    }
}, 250);
相关文章：