Wie man das Menü nicht anklickbar macht, aber trotzdem erreichbar?

Question

Ich habe diesen HTML-Code für ein Dropdown. Hier benutze ich das Drop-Down-Menü Bootstrap.

<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> 

Nun, was ich brauche, ist, wenn ich über den „Export“ Punkt schweben, sollte die Dropdown zeigen, wie sie und zugleich ist, sollte der Artikel nicht angeklickt werden. Wie kann ich das machen ?

Answer 1

Sie javascript:void(0) mit "Export" Link wie unten Code verwenden können

<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>