Jquery 超级菜单示例不起作用
我正在尝试Mega菜单示例,因为我包含了各种js文件。 并试图得到超大菜单。 我的代码如下。代码只是打印我的itms列表。它没有显示菜单 请查看以下代码的问题所在Jquery 超级菜单示例不起作用,jquery,megamenu,Jquery,Megamenu,我正在尝试Mega菜单示例,因为我包含了各种js文件。 并试图得到超大菜单。 我的代码如下。代码只是打印我的itms列表。它没有显示菜单 请查看以下代码的问题所在 <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='js/jquery-1.9.1.js'></script>
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcmegamenu.1.2.js'></script>
<link href="css/megamenu.css" rel="stylesheet" type="text/css" />
<title>JSP Page</title>
<script>
$('#mega-menu').dcMegaMenu({
rowItems: '1',
speed: 'fast'
});
</script>
</head>
<body>
<ul id="mega-menu">
<li><a href="dashboard">Dashboard</a></li>
<li> <a href="ShowProduct">Product</a> </li>
<li><a href="ShowColors">Colors</a></li>
<li> <a href="ShowSizes">Sizes</a> </li>
<li><a href="ShowPModelNO">Product Model No</a></li>
<li><a href="ShowProductType">Product Types</a> </li>
<li> <a href="ShowSupplier">Supplier</a> </li>
<li><a href="ShowCustomer">Customer</a> </li>
<li><a href="#">Products</a>
<ul>
<li><a href="#">Mobile Phones & Accessories</a>
<ul>
<li><a href="#">Product 1</a></li>
<li><a href="#">Product 2</a></li>
<li><a href="#">Product 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
JSP页面
$(“#超级菜单”).dcMegaMenu({
行项目:“1”,
速度:“快”
});
-
-
编辑:这是您实际添加了错误的文件。请签出此JSFIDLE: 代码仍然相同,但我使用的文件不同:
$('#mega-menu').dcMegaMenu({
rowItems: '1',
speed: 'fast'
});
JSFIDLE中缺少一个库。请正确包含菜单插件。检查控制台,您将看到未捕获的TypeError:Object[Object Object]没有方法“dcMegaMenu”,请再次检查我的答案。我发现了问题所在。你的CSS在某个地方有问题。如果将其删除,菜单将按预期工作。