首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery不链接到html

问jquery不链接到html
EN

Stack Overflow用户
提问于 2013-05-08 23:19:19
回答 4查看 810关注 0票数 1

我对超文本标记语言和JQuery非常陌生,但是我已经写了一个超文本标记语言文件,并在eclipse中添加了一个jquery引用。这两个文件(html和js)在eclipse中位于相同的位置。当我运行HTML时,我希望在输出中看到jquery函数,但没有显示,只看到HTML输出。为什么会发生这种情况?有没有其他方式可以查看我通过JQuery放入的动画,或者我的链接有问题?下面是我的HTML和JS文件。

test.html:

代码语言:javascript
复制
<!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文件:-============

代码语言:javascript
复制
$(document).ready(function() {
    $("#menu").accordion({collapsible: true, active: false});
});

谢谢..

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-05-08 23:21:14

如果您使用的是jQuery UI,则还需要加载jQuery库。将以下内容添加到您的引用中:

代码语言:javascript
复制
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
票数 0
EN

Stack Overflow用户

发布于 2013-05-08 23:22:09

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

代码语言:javascript
复制
<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>
票数 2
EN

Stack Overflow用户

发布于 2013-05-08 23:24:32

你需要你的

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

代码语言:javascript
复制
<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库

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16444374

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档