轉換常規CSS菜單到下拉菜單

-3

我想將當前在m站點上擁有的CSS菜單轉換爲帶有下拉鍊接的CSS菜單。我將如何以最簡單的方式去做這件事？我的網站是：mycoincollection.net 轉換常規CSS菜單到下拉菜單

謝謝！

來源

2015-08-19 D.P.

顯示你的代碼，你已經嘗試了什麼 –

PS：在您的網站上，您實際上包含了jQuery庫之前，您正在使用jQuery代碼 - 因此在控制檯中出現'Uncaught ReferenceError：$未定義'錯誤。（如果你知道什麼控制檯是...） –

-1

此代碼將允許您創建html下拉菜單。

<form> 
 

 
<input list="items" name="item"> 
 
<datalist id="items"> 
 
    <option value="Item 1"> 
 
    <option value="Item 2"> 
 
    <option value="Item 3"> 
 
    <option value="Item 4"> 
 
    <option value="Item 5"> 
 
</datalist> 
 
</form>

來源

2015-08-19 01:58:39

我用@ RokoC.Buljan的解決方案爲我的越野車JS。現在我該如何添加下拉菜單？謝謝！！ –

您可以使用引導程序下拉列表：http：//getbootstrap.com/components/ –

所以你使用jQuery腳本，而不包括jQuery庫。問題解決了：

jsBin demo

這裏的也有錯誤的固定腳本刪除：

$(function() { 
    var pull = $('#pull'), 
     menu = $('nav ul'), 
     menuHeight = menu.height(); 

    pull.on('click', function(e) { 
    e.preventDefault(); 
    menu.slideToggle(); 
    }); 

    $(window).resize(function(){ 
    var w = $(this).width(); 
    if(w > 320 && menu.is(':hidden')) { 
     menu.removeAttr('style'); 
    } 
    }); 

});

（請注意，如果pull已經是一個jQuery對象$('#pull')沒有必要把它包再次進入它像$(pull).on( - 只需使用pull.on(

所以基本上，收盤</body>標記之前，你應該先jQuery的：

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

，比你的腳本

<script> 
    /* your JS or jQuery code here*/ 
</script>

最後

</body>

來源

2015-08-19 01:59:55

謝謝！有效！ –

抱歉，該工作謝謝！ –

但它立即關閉，所以沒有時間點擊移動版本中的任何內容。非常感謝你支持我！ –

轉換常規CSS菜單到下拉菜單

回答

相關問題