如何在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
}