無法弄清楚如何使這個導航選項卡的下拉菜單

我只是一直無法找出語法我想有一個下拉菜單出現時，我點擊第二個按鈕。無法弄清楚如何使這個導航選項卡的下拉菜單

<!DOCTYPE html> 
<head> 

    <meta charset="utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="stylesheet" href= 
    "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity= 
    "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin= 
    "anonymous" type="text/css" /> 

    <!-- Font Awesome --> 

    <script src="https://use.fontawesome.com/926120954b.js" type="text/javascript"> 
</script> 

<!-- My CSS --> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 


</head> 

<body> 


<ul class="nav nav-tabs"> 
    <li role="presentation"><a href="#"><i class="fa fa-home fa-1g" aria-hidden="true"></i></a></li> 

<!-- ****BEGIN THE DROPDOWN TAB--> 

<li role="Presentation" class="dropdown-menu"> 
    <a class="Pet" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> 
    Community <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
     <li>item</li> 
    </ul> 
    </li> 




<!-- ***END THE DROPDOWN TAB --> 


    <li role="presentation"><a href="#">Pet Help</a></li> 
    <li role="presentation"><a href="#">Pets for Sale</a></li> 
    <li role="presentation"><a href="#">Pet Services</a></li> 

</ul> 








<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type= 
    "text/javascript"> 
</script> 
</body> 
</html>

我第一次嘗試製作導航菜單。（由於某種原因，我無法提交此問題，但未提供「詳細信息」，請在此處原諒此無意義文本）

來源

2016-10-03 ZeroCalm

我對這個做了。我問一個問題，它被拒絕投票。對不起，我是新來的這一點，但如果我的問題趴下票，因爲我不是「超級酷」像「你們」我會找到其他資源。它真的沒有問題。 – ZeroCalm

我認爲您錯過了對漢堡包導航所需的bootstrap的JavaScript庫的調用。請嘗試將此添加jQuery的參考值後（即<script src="...jquery.min.js"...）

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

欲瞭解更多信息，請參閱引導文檔頁面：Getting Started，以及下面的更新程式碼。

<link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity= 
 
    "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin= 
 
    "anonymous" type="text/css" /> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type= 
 
    "text/javascript"> 
 
</script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 

 
    <!-- Font Awesome --> 
 
    <script src="https://use.fontawesome.com/926120954b.js" type="text/javascript"> 
 
</script> 
 

 
<!-- My CSS -- > 
 
<link rel="stylesheet" type="text/css" href="mystyle.css">--> 
 
<!--end head: </head> start body:<body>--> 
 

 
<ul class="nav nav-tabs"> 
 
    <li role="presentation"><a href="#"><i class="fa fa-home fa-1g" aria-hidden="true"></i></a></li> 
 

 
<!-- ****BEGIN THE DROPDOWN TAB--> 
 

 
<li role="Presentation" class="dropdown-menu"> 
 
    <a class="Pet" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> 
 
    Community <span class="caret"></span> 
 
    </a> 
 
    <ul class="dropdown-menu"> 
 
     <li>item</li> 
 
    </ul> 
 
    </li> 
 

 
<!-- ***END THE DROPDOWN TAB --> 
 
    <li role="presentation"><a href="#">Pet Help</a></li> 
 
    <li role="presentation"><a href="#">Pets for Sale</a></li> 
 
    <li role="presentation"><a href="#">Pet Services</a></li> 
 

 
</ul>

來源

2016-10-03 05:18:19 developernator

感謝您的回覆。 – ZeroCalm

我很感謝你指出這一點。我補充它只是我標記之前在結束了，也試過之前只是在<！ - 最新的編譯和精縮的JavaScript - >註釋仍然沒有運氣。 – ZeroCalm

@ZeroCalm嘗試把這個腳本標籤只是後jQuery的腳本標記源 - 它不應該去''外標籤... –

無法弄清楚如何使這個導航選項卡的下拉菜單

回答

相關問題