首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

JSP页面引入Jquery脚本 有关问题

2013-10-18 
JSP页面引入Jquery脚本问题菜鸟初识Jquery请各位客官指导,越详细越好,跪拜了!在做一个小项目,起初在Dreamw

JSP页面引入Jquery脚本 问题
菜鸟初识Jquery请各位客官指导,越详细越好,跪拜了!

在做一个小项目,起初在Dreamweaver里 引入js脚本
<script src="js/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.tweet.js"></script>
<script src="js/jquery.nivo.slider.js"></script>
<script src="js/jquery.poshytip.min.js"></script>
类型,什么的都不需要,以静态页面HTML姿态,完美实现所有特效...

之后  开始做项目了,用MyEclipse9.0  

分别 建了3个文件夹  css、img、js,  之后把在Dreamweaver里编辑好的 样式、js、图片拷贝了过来
JSP页面引入Jquery脚本  有关问题

之后  开是写JSP页面,代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title></title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

 <!--导航-->
    <link rel="stylesheet" href="css/menu.css" type="text/css" ></link>
    <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="js/jquery.backgroundpos.js" type="text/javascript"></script>
    <script  src="js/menu.js" type="text/javascript"></script>
    

</head>
<body >

    <div class="header">
        <ul class="menu">
            <li><a href="#" target="_parent">首页</a></li>
            <li><a href="#" target="_parent">1</a></li>
            <li><a href="#" target="_parent">2</a></li>
        </ul>
        <img title="xxx" class="miui_logo" src="img/logo.jpg" alt="JSP页面引入Jquery脚本 有关问题" />
        <p class="language"><a href="#" target="_parent">注册</a><span>|</span><a href="#" target="_parent">登陆</a></p>
    </div>
        
</body>

在jsp页面里我引用的方式和在Dreamweaver里应用的方式,是一样的,可是为什么Jquery特效没出来,
我查了下原因,貌似是js文件没加载起作用导致的....


忘大神详细解说....我的Jquery脚本是网上下的,不是自己写的....

我该如何加载 引用这些js文件,得以在JSP页面程序运行后成功显示?
[解决办法]
<script src=".js/jquery-1.4.2.js" type="text/javascript"></script>

js文件引用 是相对路径!!所以地址前面的点不能少!
[解决办法]
用绝对地址


<script src="<%=basePath %>/js/jquery.min.js"></script>

[解决办法]
没有添加到路径中去:
build path->add to build path
[解决办法]
楼主的jsp是head.jsp吗???如果是
<script src="js/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.tweet.js"></script>
<script src="js/jquery.nivo.slider.js"></script>
<script src="js/jquery.poshytip.min.js"></script>

这样写是可以引导js文件的

不过我看你引了这么多js  而截图上没这么多
[解决办法]
引用:
用绝对地址

<script src="<%=basePath %>/js/jquery.min.js"></script>

正确
------解决方案--------------------




引用:
用绝对地址

<script src="<%=basePath %>/js/jquery.min.js"></script>


对 这样引用 比较保险
[解决办法]
路径的问题。你看最后的html 可以了解了。

热点排行