Question

我正在尝试使用特定的Jquery菜单mcdorpdown，它自己加载的jequery但是mcdropdown的本地库不会，这里是错误：

Erreur：$（“＃category”）。mcDropdown不是函数

目录结构是：

src / main / webapp / jsp / common / headerCommercial.jsp（这里我插入了javascript代码）
src / main / webapp / javascript /（这里是包含mcdropdown lib的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>

......一些代码 ......一些代码

Answer 1

您可以使用完整路径调用脚本

SRC = HTTP：//yourdomainname.com/path/to/script.js

或者你可以做src = .. / .. / javascript / script.js（每个../从当前目录中取出一个目录。

Answer 2

你可以尝试

src="{request.contextPath}/javascript..."

Answer 3

说到Javascript，我总是使用trh:script，这对我来说非常有效，即使与jQuery和jQuery插件结合使用也是如此。 trh:script可用于使用source属性加载外部文件，使用text属性加载内联Javascript。

在jsf myfaces项目中加载javascript文件的麻烦

3 个答案: