1. 首頁
  2. 問答
  3. CSS Dropdown Glitchy

CSS Dropdown Glitchy

2013-05-13 48 views
-2

當您翻轉頂部按鈕時，下拉菜單可以正常工作，但當您嘗試向下移動到下拉菜單時，它會消失。CSS Dropdown Glitchy

http://vistaazulresort.com/

來源

2013-05-13 Karl Tombak

+1

請添加有意義的代碼和問題描述在這裏。請不要將 鏈接到需要修復的網站 - 否則，一旦問題得到解決，此問題將會丟失未來訪問者的任何價值 。發佈 [簡短，獨立，正確的示例（SSCCE）]（http://www.sscce.org/） ，這表明您的問題將幫助您獲得更好的答案。有關更多信息，請參閱 [我的網站上的某些內容不起作用。我可以只粘貼一個鏈接到 它嗎？]（http://meta.stackexchange.com/questions/125997/）謝謝！ – j08691 2013-05-13 22:21:16

+0

你的預期行爲是什麼？您應該首先添加一些代碼，而不僅僅是鏈接到您的網站。如果您提供信息，而不是讓我們搜索它，您將獲得社區更積極和更有幫助的迴應。 – 2013-05-13 22:21:31

回答

1

的問題是，您使用懸停做出下拉出現的事實。如果用戶沒有將鼠標懸停在菜單項上，則下拉菜單不會顯示/消失。更何況它不適用於大多數移動設備。

解決方案是使用jQuery，尤其是因爲您已經加載了jQuery（1.8.3）。

我不會爲你寫整個菜單，因爲你需要學習。不過，我會給你足夠的開始。這裏是重要的方面...

.dropdown li ul { 
    display:none; 
} 
.show-dropdown li ul { 
    display:block; 
} 

<script type="text/javascript"> 
$(document).ready(function(){ 
     $("#menu-top").click(function() { 
     $(this).toggleClass("dropdown show-dropdown"); 
    }); 
    }); 
</script>

從下拉式菜單中的菜單項刪除的鏈接標籤。

這裏是工作提琴：http://jsfiddle.net/GRkBM/

來源

2013-05-13 22:50:05 Xarcell

相關問題

 相關問題