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

Question

我試圖將鏈接添加到「更多」下拉列表的第一個元素，以便我可以轉到另一個頁面但我不是能夠做到這一點。我嘗試了很多次，但無法做到。

驗證碼：

<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

使用jQuery

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

使用JavaScript

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

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

Answer 2

如果您需要的子菜單的onclick顯示，可以考慮使用jQuery。或者，如果您希望菜單出現在懸停狀態，請移除此小提琴中的jQuery，並取消註釋可處理該問題的CSS。 - https://jsfiddle.net/awwys0z6/1/。否則，你可能需要調整你的菜單這樣的 - Show hide divs on click in HTML and CSS without jQuery

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