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.jsjQuery の前にロードしているため、実行されません。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 に答える