2

index.html で javascript を実行すると正常に動作しますが、それを js ファイルとして分離したかったので、aram.js を作成し、それにコードを追加して、次の行もインデックスに含めました。

<script type="text/javascript" src="aram.js"></script>

aram.js:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

            $(function() {
                $('#accordion > li').hover(
                    function () {
                        var $this = $(this);
                        $this.stop().animate({'width':'480px'},500);
                        $('.heading',$this).stop(true,true).fadeOut();
                        $('.bgDescription',$this).stop(true,true).slideDown(500);
                        $('.description',$this).stop(true,true).fadeIn();
                    },
                    function () {
                        var $this = $(this);
                        $this.stop().animate({'width':'115px'},1000);
                        $('.heading',$this).stop(true,true).fadeIn();
                        $('.description',$this).stop(true,true).fadeOut(500);
                        $('.bgDescription',$this).stop(true,true).slideUp(700);
                    }
                );
            });

問題は、次の行のように index.html に含まれる css フォルダーに style.css がある css が見つからないことだと思います。

  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
4

4 に答える 4

3

JavaScript インクルード ファイルの上に jquery をインクルードするには、script タグが必要です。これら 2 つのインクルードは、html に含まれている必要があります。

このような：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="aram.js"></script>

これにより、最初に jquery が読み込まれるため、(jquery を使用する) JavaScript を実行できます。

于 2012-08-08T18:40:04.637 に答える
2

.js ファイル内にタグを記述することはできません。index.html 内でも jquery を呼び出す必要があります。

于 2012-08-08T18:39:57.193 に答える
1

<script>ファイル内にある場合は、js をタグでラップする必要はありません.js。

また、javascript ファイルで html タグを使用することはできません。このスクリプト タグは、html ファイルに属し、次のように並べられています。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="aram.js"></script>

JS ファイルには js しかありません

于 2012-08-08T18:39:02.573 に答える
1

従来、HTML ファイルから jQuery JavaScript ファイルと独自の JavaScript ファイルの両方を参照していました。JavaScript ファイル内に HTML スクリプト タグを配置しても、正しく機能しません。

HTML ファイルにスクリプト要素を 1 つだけ含めたい場合は、このコードを使用して、そのファイルから jquery コードを挿入できます。

document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>');

ただし、この場合、この手法を推奨することはあまりありません。

于 2012-08-08T18:46:27.183 に答える