1

我对 HTML 和 JQuery 很陌生，但是我编写了一个 html 文件并在 eclipse 中添加了一个 jquery 引用。两个文件（html 和 js）都在 eclipse 中的相同位置。当我运行 HTML 时，我希望在输出中看到没有显示的 jquery 函数，只看到 HTML 输出。为什么会这样？有没有其他方法可以看到我通过 JQuery 输入的动画，或者我的链接有问题？下面是我的 HTML 和 JS 文件。

测试.html：

<!DOCTYPE html>
<html>
    <head>
        <title>Behold!</title>
        <link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/>
        <script type='text/javascript' src='script.js'></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    </head>
    <body>
        <div id="menu">
            <h3>jQuery</h3>
            <div>
                <p>jQuery is a JavaScript library that makes your websites look absolutely stunning.</p>
            </div>
            <h3>jQuery UI</h3>
            <div>
                <p>jQuery UI includes even more jQuery goodness!</p>
            </div>
            <h3>JavaScript</h3>
            <div>
                <p>JavaScript is a programming language used in web browsers, and it's what powers jQuery and jQuery UI. You can learn about JavaScript in the <a href="http://www.codecademy.com/tracks/javascript" target="blank" style="text-decoration:none; color:#F39814">JavaScript track</a> here on Codecademy.</a></p>
            </div>
        </div>
    </body>
</html>

script.js 文件：-============

$(document).ready(function() {
    $("#menu").accordion({collapsible: true, active: false});
});

谢谢..

4

4 回答 4

2

在包含之前包含 jquery(+ ui )script.js

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type='text/javascript' src='script.js'></script>
于 2013-05-08T15:22:08.787 回答
0

如果您在本地环境中构建此网页，这不起作用：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">

您需要像这样添加脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">

注意http:之前//ajax

于 2013-05-08T15:34:06.517 回答
0

如果您使用的是 jQuery UI，您还需要加载 jQuery 库。将此添加到您的参考文献中：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
于 2013-05-08T15:21:13.913 回答
0

你需要你的

jquery 第一个 jqueryui 第二个自定义脚本之后

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type='text/javascript' src='script.js'></script>

以及@tymeJV 建议您需要添加基础 jquery 库

于 2013-05-08T15:24:31.683 回答