Question

右键单击使用Jquery上下文菜单。通过这种方式我打电话给下拉菜单。而不是这个，我需要使用UL和LI来使用HTML。

＆＃13;

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

＆＃13;

因此，我想为每个菜单项提供单独的链接。

Answer 1

如果你还没有找到这里的基本例子： -

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

只需复制并粘贴它=）

需要UL和LI来取代Javascript菜单

1 个答案: