Question

I m testing this on local : http://jsfiddle.net/fYkMk/1/ This is a booking form that opens up on mouse over (booking-mask) and closes when mouse leaves it. It has 4 fields :

datepicker
number of guests
number rooms
number of nights

最后三个领域是平滑的菜单,在相对的icon上点击。

These sliding animations work until The user decide to "mouseover" then "mouseleave" and "mouseover" again over the booking-mask div before the oprning/closing animations are finished yet.

因此,名单被打破,我只能看到其中一部分。 [见下图]

“entergraph

Hope you can help me out with this. Thanks

Luca

Answer 1

j mate mate mate visibility visibility visibility visibility 例如:

 $( .booking-mask ).mouseenter(function(){
                mouseOverBooking = true;
                $(this).css( overflow ,  visible );
                openBookingMask();
                });

正义

$(this).css( overflow ,  visible );

更顺利地工作。

rel=“nofollow”>updated fiddle

Answer 2

我可以真正看到你的例子中的这三个纽州,但是,在你的法典中尝试使用<条码>。还有qeue()和.deqeue()的职能可能有助于你,领导到格库里,阅读文件,或者看看看看有人说什么话。

如果我正确理解这一点,倒塌的菜单就在主点/后方点背后消失,而实际上对我来说,像问题一样多得多,可能与隐蔽的过度流通有关。

.choose-list li{overflow: visible; z-index: 9999;}

.choose-list li:hover{
    background:#8B753B;
    color:white;
    overflow: visible;
}

这是否确定了它?

EDIT:利用我手提的手提电脑和窗口与FF I看你所说的话;-

在我看来,问题似乎在于:将大量流出的手法,可能是 j洞的,也可以是你在 c子里做的,但给我添加了重要的fix,就像:

.booking-mask{
    background: red;
    height: 58px;
    margin: 44px 0 0;
    position: fixed;
    right:0;
    top: 0;
    z-index: 3;
    overflow:visible!important;
    /*padding:0;*/
    color:white;
}

友情链接