0
다양한 js 파일이 포함되어 있다는 메가 메뉴 예제를 시도하고 있습니다. 메가 메뉴를 얻으려고합니다. 내 코드는 다음과 같습니다. 코드는 단순히 내 목록 itms을 인쇄합니다. 메뉴가 표시되지 않습니다.메가 메뉴 예제가 작동하지 않습니다.
다음 코드의 문제점을 확인하십시오.
<%@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>
편집 : 이것은 당신이 실제로 잘못된 파일을 추가 demo
여기에 시도. 이것은 작동하지 않습니다 [데모] (http://jsfiddle.net/Jd5PS/) –
jsfiddle에 누락 된 라이브러리가 있습니다. 메뉴 플러그인을 올바르게 포함하십시오. 콘솔을 확인하면 * Uncaught TypeError : Object [object Object]에 'dcMegaMenu'메소드가 없습니다. * – Krasimir
내 대답을 다시 확인하십시오. 나는 그 문제가 무엇인지 발견했다. – Krasimir