jquery 不链接到 html

标签 jquery html css eclipse

我对 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});
});

谢谢..

最佳答案

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

<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>

关于jquery 不链接到 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16444374/

相关文章:

Jquery - 在 CSS 动画结束时应用样式

php - Yii2自定义分页 View

javascript - 不使用 mysql 或 php 存储用户输入

JavaScript获取数据属性多个div

jquery - 单击一个时如何使其他 Accordion 元素折叠?

javascript - 在 fnCreatedCell 中使用 font-awesome

html - 无法单击模式窗口中的元素

javascript - 我想在 javascript 中做动态 div 高度

html - 为所有子菜单添加固定位置和宽度

javascript - 本地 JavaScript - 写入本地文件