27

我无法成功地将 jQuery 链接到我的 html。我已经制作了最简单的 jQuery 代码，所以我知道它是正确的，并且我已经尝试了所有我能想到的 - 搜索没有帮助..

我的 html（文件名：“test.html”：

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <link rel="stylesheet" type="css/text" href="test.css"/>
        <script type="text/javascript" src="test.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    </head>
    <body>
        <div id="orange"></div>
    </body>
</html>

我的 CSS（文件名：“test.css”）：

#orange {
    height: 100px;
    width: 100px;
    background-color: orange;
    border-radius: 5px;
    border: 3px solid black;
    margin-left: 100px;
    margin-top: 100px;
    display: none;
}

我的 JS（文件名：“test.js”）：

$(document).ready(function() {
    $('div').fadeIn('slow');
});

控制台显示 jQuery 链接在 6.52 秒内加载。

我还尝试从我下载的 jQuery 文件链接

<script src="C:\jQuery\jquery.js"></script>

这也惨败...

然而，我确实设法以某种方式链接 jQuery UI 并运行“.accordion()”... =/

4

5 回答 5

49

在这种情况下，您test.js将不会运行，因为您在 jQuery 之前加载它。把它放在jQuery之后：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="test.js"></script>
于 2012-12-31T23:49:26.413 回答
3

在 jQuery 库之后添加 test.js 文件。这样你的 test.js 文件就可以使用这些库了。

于 2012-12-31T23:49:36.380 回答
1

看到答案，除了一件事，我没有其他要补充的了：

在您编写的 test.html 文件中

链接 rel="stylesheet" type="css/text" href="test.css"/

看看你在哪里写的

类型="css/文本"

你需要改成

类型="文本/css"

所以它看起来像这样

链接 rel="stylesheet" type="text/css" href="test.css"/

在这种情况下，CSS 文件将链接到 HTML 文件

于 2013-08-15T14:32:11.740 回答
0 
<script
 src="CDN">
</script>

要更改 CDN，请查看此网站。

第一个是 JQuery

于 2016-01-21T00:19:56.693 回答
0

我有一个类似的问题，但就我而言，这是我的 CSS 文件。

我在 JQuery 库之前加载了我的 CSS 文件，因为我的 jquery 函数正在与我的 css 文件交互，所以我的 jquery 函数不起作用。我发现这很奇怪，但是当我在加载 JQuery 库后加载 CSS 文件时，它起作用了。

这可能与问题没有直接关系，但它可能会帮助可能面临类似问题的其他人。

我的问题：

    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript" src="slider.js"></script>

我的解决方案：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="style.css">
    <script type="text/javascript" src="slider.js"></script>
于 2016-11-20T05:29:02.023 回答