如何讓父母li可點擊？

我試圖讓父母li多次點擊。我使用bootstrap簡單下拉菜單，但主要的第一個鏈接沒有打開。誰能幫我？如何讓父母li可點擊？

<ul class="nav navbar-nav"> 
     <li class="dropdown"> 
     <!--This Link Is not Working--> <a href="/india-tour-packages/" target="_blank" class="dropdown-toggle" data-toggle="dropdown">India Tour Package<b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
      <li><a href="/india-tour-packages/golden-triangle-tour-packages/">Golden Triangle Tours</a></li> 
<li><a href="/india-tour-packages/rajasthan-tour-packages/">Rajasthan Tour Packages</a></li> 
<li><a href="/india-tour-packages/south-india-tour-packages/">South India Tour Packages</a></li> 
<li><a href="/india-tour-packages/north-india-tour-packages/">North India Tours</a></li> 
<li><a href="/india-tour-packages/">View all</a></li> 

      </ul> 
     </li>

來源

2017-07-18 Shilpa Gupta

你有沒有在jsfiddle中的代碼？還是codepen？ –

也許分享你到目前爲止嘗試過的？ – martennis

如果您只是想讓父li可點擊，您可以執行以下操作。請讓我知道你在做什麼。

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>IndexStackOverflow900</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $(".dropdown").click(function() { 
       alert("you clicked on parent li"); 
      }) 
     }) 
    </script> 
</head> 
<body> 
    <ul class="nav navbar-nav"> 
     <li class="dropdown"> 
      <!--This Link Is not Working--> <a href="/india-tour-packages/" target="_blank" class="dropdown-toggle" data-toggle="dropdown">India Tour Package<b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="/india-tour-packages/golden-triangle-tour-packages/">Golden Triangle Tours</a></li> 
       <li><a href="/india-tour-packages/rajasthan-tour-packages/">Rajasthan Tour Packages</a></li> 
       <li><a href="/india-tour-packages/south-india-tour-packages/">South India Tour Packages</a></li> 
       <li><a href="/india-tour-packages/north-india-tour-packages/">North India Tours</a></li> 
       <li><a href="/india-tour-packages/">View all</a></li> 
      </ul> 
     </li> 
    </ul> 
</body> 
</html>

來源

2017-07-18 19:14:16 kblau

https://jsfiddle.net/kblau237/9v8sfezb/ – kblau

如何讓父母li可點擊？

回答

相關問題