如何使菜單不可單擊卻仍懸停？

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>