下拉列表問題ZURB基礎
[英]DropDown Lists issue ZURB foundation
問題描述
單擊該按鈕不會像我認為的那樣創建下拉列表。 有誰知道我在這里做錯了什么，或者為什么它可能無法正常工作？
<!doctype html> <html class="no-js" lang="en"> <meta charset="" /> <meta name="viewport" content="width=device-width, initial-scaler=1.0" /> <script src="js/foundation/foundation.dropdown.js"></script> <script src="js/foundation/foundation.js"></script> <link rel="stylesheet" href="css/foundation.css" /> <body> <div class="row"> <div class="column"> <a href="#" class="button dropdown" data-dropdown="drop1">dropdown</a> </div> </div> <ul class="f-dropdown" data-dropdown-content id="drop1"> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul> <script> $(document).foundation(); </script> </body> </html>
1 個解決方案
解決方案1
1
您還沒有加載jquery ，css / js文件出了點問題，請仔細檢查您的path 。
<!doctype html> <head> <html class="no-js" lang="en"> <meta charset="" /> <meta name="viewport" content="width=device-width, initial-scaler=1.0" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css" rel="stylesheet"/> </head> <body> <div class="row"> <div class="column"> <a href="#" class="button" data-dropdown="drop">Link Dropdown »</a> <ul id="drop" class="tiny f-dropdown" data-dropdown-content> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> </div> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.js"></script> <script> $(document).foundation(); </script> </body> </html>
Zurb Foundation-下拉列表不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.