如何使菜单不可单击却仍悬停？

Question

我有一个下拉的HTML代码。 我在这里使用引导程序下拉菜单。

<ul class="nav navbar-nav navbar-right">
    <li <?php if($tabs=='home' or $tabs=='') echo ' class="active"';?>><a href="<?php echo site_url('');?>">Home</a></li>   
    <li><a href="javascript:void(0)" onclick="LoadAddUser(); return false;">Add User</a></li>   
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Export </a>
        <ul class="dropdown-menu">
            <li><a href="javascript:void(0)" onclick="LoadContactList(); return false;">Contact List</a></li>
            <li><a href="javascript:void(0)" onclick="LoadExportBox(); return false;">Email List</a></li>
        </ul>
    </li>   
    <li><a href="#">Logout</a></li>
</ul>

现在我需要的是，当我将鼠标悬停在“导出”项目上时，下拉菜单应按原样显示，并且同时该项目不可单击。 我怎样才能做到这一点 ？

Answer 1

您可以将javascript:void(0)与“导出”链接一起使用，如以下代码所示

 <ul class="nav navbar-nav navbar-right"> <li <?php if($tabs=='home' or $tabs=='') echo ' class="active"';?>><a href="<?php echo site_url('');?>">Home</a></li> <li><a href="javascript:void(0)" onclick="LoadAddUser(); return false;">Add User</a></li> <li class="dropdown"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Export </a> <ul class="dropdown-menu"> <li><a href="javascript:void(0)" onclick="LoadContactList(); return false;">Contact List</a></li> <li><a href="javascript:void(0)" onclick="LoadExportBox(); return false;">Email List</a></li> </ul> </li> <li><a href="#">Logout</a></li> </ul>