1

我在实现 jQuery 时遇到了麻烦——尤其是从 Code Academy 复制这个练习。我从Stack Overflow 上的另一个问题中了解到，<script>引用 jQuery.js 需要放在<script>引用本地 JavaScript 文件之前，以便$(document).ready();被识别。

因此，这里是 index.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 src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>
        <script type='text/javascript' src='index.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.</p>
            </div>
        </div>
    </body>
</html>

然后这是我的 index.js：

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

在 Chrome 和 IE 中，这显示为一个完全空白的页面，没有任何 jQueryaccordion或文本的痕迹。如果我忽略了某些东西，请告诉我 - 我非常感谢您的帮助。谢谢！

4

2 回答 2

0

这个：

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

应该是这样的：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>
于 2013-05-22T05:47:47.470 回答
0

我不知道这个错误是否只是来自 copy'n'paste 但文件扩展名不正确（应该是“js”而不是“j”）。

此外，您不包括 jQuery 本身（仅 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" type="text/javascript"></script>
<script type='text/javascript' src='index.js'></script>

这些对我有用。

于 2013-05-22T05:49:28.127 回答