Question

我在Windows上设置了Tomcat 7并编写了一个输出一些HTML的简单jsp。我想通过使用jquery从另一个jsp加载内容来进行自动更新。

我可以在firebug中看到，因为GET-Request成功并且内容看起来很好，所以加载了jquery。

无论如何，萤火虫告诉我

ReferenceError: $ is not defined $( document ).ready(function( $ ) {

目前真的很混乱。

index.jsp使用以下内容：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
        <head>
            <title>Demo</title>
            <link rel="stylesheet" type="text/css" href="style.css"/>
            <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"/>
            <script type="text/javascript" src="javascript/load_statistic.js"/>
        </head>
        <body>
            <div class="header">
            <div class="top_left">
                <h1>Statistic</h1>
            </div>
            <div class="top_right">
                 <img src="images/logo.png" width="285" height="105"/>
            </div>
            </div>
            <div id="load_statistic">
            <%@ include file="statisticdata.jsp" %>
            </div>

和load_statistic javascript：

$( document ).ready(function( $ ) {
                    var auto_refresh = setInterval(
                    function ()
                    {
                    $('#load_statistic').load('statisticdata.jsp').fadeIn("slow");
                    }, 5000); // autorefresh the content of the div after
                               //every 5000 milliseconds(10sec)
                               });

正如错误消息所说，jquery似乎没有正确加载。肯定有一些错误，但我无法弄清楚是什么。

Answer 1

尝试关闭脚本代码。

<head>
    <title>Demo</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="javascript/load_statistic.js"></script>
</head>

JSP页面没有正确加载jquery - 但是jquery文件已经交付

1 个答案: