如何在html的導航欄中單擊元素時打開鏈接

Question

我正在嘗試將鏈接添加到下拉列表的第一個元素“ MORE”，以便可以轉到另一個頁面，但我無法做到這一點。 我已經嘗試了很多次，但無法做到。

編碼：

<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-family: 'Roboto', sans-serif; font-size: 15px; color: white;">More<b class="caret"></b></a>
  <ul class="dropdown-menu">
    <li><a href="#">Python</a></li>
    <li><a href="#">AngularJS Framework</a></li>
    <li><a href="#">.NET Framework Development</a></li>
    <li><a href="#">Swift App Development</a>   </li>
    <li class="divider"></li>
    <li><a href="Blogs/Java/Java-Page.aspx">Java App Development</a></li>
  </ul>
</li>

Answer 1

如果您需要子菜單來顯示onclick，請考慮使用jQuery。 或者，如果您希望菜單顯示在懸停上，請刪除此小提琴中的jQuery，然后取消注釋將處理該問題的CSS。 -https://jsfiddle.net/awwys0z6/1/ 。 否則，您可能必須像這樣重新構建菜單- 在沒有jQuery的情況下，單擊HTML和CSS即可顯示隱藏的div

$('.dropdown').click(function() {
    $('.show').toggle('.show');
});

Answer 2

使用jQuery

$('element').on('click', function(){
//do whatever u want
});

使用JavaScript

<nav>
<div onclick="linkFn()">click here</div>
</nav>

function linkFn() {
//do whatever u want
}