Benötigen Sie UL und LI, um das Javascript-Menü zu ersetzen

-4

Verwenden Sie das Kontextmenü von Jquery mit der rechten Maustaste. Auf diese Weise rufe ich ein Dropdown-Menü auf. Stattdessen muss ich HTML mit UL und LI verwenden.Benötigen Sie UL und LI, um das Javascript-Menü zu ersetzen

<script type="text/javascript" class="showcase"> 
 
    $(function() { 
 
     $.contextMenu({ 
 
      selector: '.projects-dropdown', 
 
    
 
      items: { 
 
       "iteml": {name: "iteml"}, 
 
       "item2": {name: "item2"}, 
 
\t \t "item3": {name: "item3"}, 
 
       "item4": {name: "item4"}, 
 
\t } 
 
     }); 
 
    }); 
 
</script>

Damit ich eine separate Verbindung zu jedem Menüpunkt geben will.

Quelle

2016-08-03 Mohammed Habibullah

Und was haben Sie versucht? Das Erstellen einer reinen HTML-Liste ist sehr, sehr einfach und die geringste Anstrengung, ein Beispiel zu finden, würde Tausende von Benutzern ergeben. Gibt es hier ein tatsächliches Problem, oder bitten Sie uns nur, es für Sie zu machen? – Archer

Ein Problem war da. Baumansicht Menü in der Tabelle. Klicken Sie mit der rechten Maustaste auf das Symbol in , dann sollte das Dropdown-Menü erscheinen. Tabelle mit Überlauf: Auto, so Dropdown wird hinter dem Tisch. Ich habe das Jquery-Kontextmenü benutzt. Aber der Klient, der dieses Dropdown-Menü fragt, sollte in ul und li kommen –

Und wenn Sie noch nicht hier finden einfaches Beispiel: -

<!DOCTYPE html> 
<html> 
<head> 
<style> 
ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 200px; 
    background-color: #f1f1f1; 
} 

li a { 
    display: block; 
    color: #000; 
    padding: 8px 16px; 
    text-decoration: none; 
} 

/* Change the link color on hover */ 
li a:hover { 
    background-color: #555; 
    color: white; 
} 
</style> 
</head> 
<body> 

<h2>Vertical Navigation Bar</h2> 

<ul> 
    <li><a href="#home">Home</a></li> 
    <li><a href="#news">News</a></li> 
    <li><a href="#contact">Contact</a></li> 
    <li><a href="#about">About</a></li> 
</ul> 

</body> 
</html>

einfach kopieren und fügen Sie ihn =)

Quelle

2016-08-03 10:22:50

Benötigen Sie UL und LI, um das Javascript-Menü zu ersetzen

Antwort

Verwandte Themen