點擊左側時href鏈接不會打開

我的網站上有一個小小的導航欄，我意識到當點擊左側鏈接時（模板/定價/註冊/登錄），鏈接將不會打開。任何人都有線索？點擊左側時href鏈接不會打開

下面是代碼：

<nav class="navbar navbar-default navbar-static-top"> 
    <!-- color, statisch--> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse "> 
       <!-- button, navbar mit dropmenu wenn bildschirm zu klein--> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <!-- creates 3 lines in the toggle navigation when screen too little --> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

      <a class="navbar-brand" href="index.php">TAIL 
        <!-- <span class="glyphicon glyphicon-home" id="homeIcon"></span> --> 
      </a> 

     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-left"> 
       <li class="dropdown"> 
        <a href="templates.php" class="dropdown-toggle" data-toggle="dropdown" >Templates</a> 
       </li> 
       <li class="dropdown"> <a href="pricing.php" class="dropdown-toggle" data-toggle="dropdown" >Pricing</a> 
       </li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="dropdown"> 
        <a href="register.php" class="dropdown-toggle" data-toggle="dropdown" >Sign Up 
         <span class="glyphicon glyphicon-user" id="userIcon"></span> 
        </a> 
       </li> 
       <li class="dropdown"> 
        <a href="login.php" class="dropdown-toggle" data-toggle="dropdown" >Log In 
         <span class="glyphicon glyphicon-log-in" id="logIcon"></span> 
        </a> 
       </li> 
      </ul> 
     </div> 
    </div>   
</nav>

這裏是頭：

<head> 
    <title>Built your Website</title> 
    <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="style.css"> 

    <!--jQuery library --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

    <!-- Latest compiled JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

</head>

來源

2016-11-03 Nenad

我做了一個[小提琴]（https://jsfiddle.net/et8usoq3/）與你的HTML和引導CDN和環節增加了「工作」，但由於我沒有你的文件，我得到404錯誤。你是否也收到404錯誤，或者當你點擊它們時沒有任何反應？ – Sam07

尾巴工作，但模板，定價，註冊/登錄，將不會工作我不知道你的意思，請解釋請 – Nenad

這段代碼沒有任何問題，你必須從一個問題不同的相關代碼片段。 –

它不是因爲屬性data-toggle="dropdown"與<a>標籤的工作。當您使用此屬性時，它會阻止鏈接的默認行爲並嘗試打開dropdown菜單。

欲瞭解更多信息檢查此鏈接：http://getbootstrap.com/javascript/#dropdowns

從<a>標籤刪除屬性，也不必要dropdown，dropdown-toggle和你的代碼應該工作。

<nav class="navbar navbar-default navbar-static-top"> 
    <!-- color, statisch--> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse "> 
       <!-- button, navbar mit dropmenu wenn bildschirm zu klein--> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <!-- creates 3 lines in the toggle navigation when screen too little --> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

      <a class="navbar-brand" href="index.php">TAIL 
        <!-- <span class="glyphicon glyphicon-home" id="homeIcon"></span> --> 
      </a> 

     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-left"> 
       <li> 
        <a href="templates.php">Templates</a> 
       </li> 
       <li> <a href="pricing.php">Pricing</a> 
       </li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <a href="register.php">Sign Up 
         <span class="glyphicon glyphicon-user" id="userIcon"></span> 
        </a> 
       </li> 
       <li> 
        <a href="login.php">Log In 
         <span class="glyphicon glyphicon-log-in" id="logIcon"></span> 
        </a> 
       </li> 
      </ul> 
     </div> 
    </div>   
</nav>

的jsfiddle：https://jsfiddle.net/LLpfvcdu/

來源

2016-11-04 05:05:19 tejashsoni111

點擊左側時href鏈接不會打開

回答

相關問題