特定の Jquery メニュー mcdorpdown を使用しようとしています。jequery 自体はロードされましたが、mcdropdown のローカル ライブラリはロードされません。エラーは次のとおりです。
エラー: $("#category").mcDropdown は関数ではありません
ディレクトリ構造は次のとおりです。
- src/main/webapp/jsp/common/headerCommercial.jsp (ここに JavaScript コードを挿入します)
- src/main/webapp/javascript/ (mcdropdown ライブラリを含む jquery ライブラリはこちら)
headerCommercial.jsp のソース コードは次のとおりです。
<%@taglib uri="http://myfaces.apache.org/trinidad/html" prefix="trh"%><%@taglib
uri="http://java.sun.com/jsf/core" prefix="f"%><%@ page language="java"
contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://myfaces.apache.org/trinidad" prefix="tr"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script language="javascript" src="javascript/jquery.mcdropdown.js"></script>
<script language="javascript" src="javascript/jquery.mcdropdown.min.js"></script>
<script language="javascript" src="javascript/jquery.bgiframe.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#category").mcDropdown("#categorymenu");
$("#category").dblclick(function(){
});
});
</script>
<link type="text/css" href="css/jquery.mcdropdown.css" rel="stylesheet" media="all" />
<title>Insert title here</title>
</head>
<body>
...いくつかのコード ...いくつかのコード