jquery滑動菜單打開/關閉動畫問題

我在本地測試了這個：http://jsfiddle.net/fYkMk/1/ 這是一個預訂表單，它在鼠標懸停（預訂蒙版）時打開，並在鼠標離開時關閉。它有4個領域：jquery滑動菜單打開/關閉動畫問題

日期選擇器
的客人數
房數
住宿天數

最後三個字段滑動菜單，打開了一個點擊的相對圖標。

這些滑動動畫的工作原理直到用戶在完成動畫/關閉動畫之前決定在預訂蒙版div上再次「mouseover」，然後「mouseleave」和「mouseover」。

所以它發生的列表被打破，我只能看到一塊他們。[見下圖]

enter image description here

希望你能幫助我了這一點。感謝

盧卡

來源

2011-10-09 luca

我得到了它只是讓「客人」和「夜」開的時候我關上了抽屜發生。 – Sparky

你正在測試的瀏覽器？ Safari 5.0中的 – luca

。6 – Sparky

jQuery的動畫設置能見度隱伏，所以它看起來像一個問題ü應該重置它的每一個。例如這裏：

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

只要把

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

在正確的地方

更順利工作。

updated fiddle

來源

2011-10-09 18:29:19 zdrsh

我實在看不出這三個按鈕，在你的榜樣，但嘗試在你的代碼implenting .stop(true, true)，如果動畫碰撞，嘗試建立另一個動畫qeue，我相信默認jQuery的一個是「fx」。還有.qeue（）和.deqeue（）函數可以幫助你，轉到jQuery網站並閱讀文檔，或者等一下，看看有人更聰明，然後我就知道了。

如果我正確理解這一點，下拉菜單消失在主站點/背景後面的一點，而且實際上看起來更像是一個css問題，可能與隱藏溢出有關。

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

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

這是否解決？

編輯：用我的筆記本電腦和窗戶，FF我看到你在談論;-)

在我看來，問題.booking面罩去那邊溢出隱藏，可能是jQuery的切換或東西否則你在CSS一樣，但增加的重要修復它爲我的小提琴，是這樣的：

.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; 
}

來源

2011-10-09 14:11:38 adeneo

我沒有使用真正的「按鈕」，而是使用div（'。fake-select'）來代替（對於cutomization問題）。 – luca

如果您檢查jsfiddle，那就是我確切的問題。請嘗試將鼠標懸停在預訂窗口上。讓它再次關閉，但在關閉動畫之前，它會再次完成鼠標懸停。如果您嘗試單擊其中一個「選擇按鈕「你可以看到名單被打破 – luca

jquery滑動菜單打開/關閉動畫問題

回答

相關問題