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。这两个包含应该在您的 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，以便可以执行您的 javascript（使用 jquery）。

于 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 文件。将 HTML 脚本标签放入您的 javascript 文件中将无法正常工作。

如果您真的只想在 HTML 文件中包含一个脚本元素，则应该可以使用此代码从该文件中注入 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 回答