Wie öffne ich einen Link beim Klicken auf ein Element in Navbar in html

Question

Ich versuche, den Link zum ersten Element des Dropdown-Menüs hinzuzufügen, das "MEHR" ist, so dass ich auf eine andere Seite gehen konnte, aber ich bin nicht dazu in der Lage. Ich habe es oft versucht, aber nicht in der Lage es zu tun.

Der Code:

<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

Mit jQuery

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

Mit Javascript

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

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

Answer 2

Wenn Sie das Untermenü benötigen Onclick anzuzeigen, sollten Sie jQuery verwenden. Oder wenn das Menü bei Hover angezeigt werden soll, entfernen Sie die jQuery in dieser Fiddle und entfernen Sie das Kommentar des CSS-Teils, der damit umgehen soll. - https://jsfiddle.net/awwys0z6/1/. Andernfalls können Sie Ihr Menü wie folgt neu strukturieren müssen - Show hide divs on click in HTML and CSS without jQuery

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