Question

我是Jquery的新手，在尝试将我的JQuery脚本放入项目文件夹中的单独文件时遇到了问题。我正在使用一个名为Corner的插件。这是HTML文件的相关部分

<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.corner.js"></script>
<script type="text/javascript" src="scripts/myJQuery.js"></script>

注释掉上面这一行，并取消注释下面的脚本使插件工作。 myJQuery.js的内容是下面的确切脚本（不包括脚本标记）。

    <!--<script>
        $(document).ready(function() 
        {
                $("div.container").corner();
            $("div.linkList").corner();
      })
    </script>-->

HTML：

<body>
    <div class ="container">
        <div class ="header"></div>
    <div class ="linkList"></div>
    </div>
</body>

关于为什么相同的代码以单向方式（在HTML文件中）工作的任何想法，而不是其他方式（单独的.js文件）？提前谢谢。

Answer 1

你是说代码：

$(document).ready(function() 
            {
                            $("div.container").corner();
                $("div.linkList").corner();
      })

在内联时工作，但不在外部文件中工作？

上面的代码是myJQuery.js中唯一的代码吗？如果不是，请确保文件中存在语法错误，以防止代码触发。我在一个单独的文件中创建了一个上面的代码示例，它可以正常工作。如果您想查看代码，请查看http://thetimbanks.com/demos/help/separate/并查看来源。

Answer 2

如果在PC上工作，请检查您是否以ANSI编码格式保存了文件。如果是UTF-8格式，请确保在脚本标记中指定了该格式，即：

<script type="text/javascript" src="scripts/myJQuery.js" charset="UTF-8"></script>

Answer 3

确保在其他javascript文件之前调用“jquery-1.3.2.min.js”。

Answer 4

通常的原因是文件命名或权限中的滑动。

检查您的网络服务器日志是否有错误。

Answer 5

我看到的问题是您使用的HTML评论 ..

如果将它们放在js文件中，它们会导致文件无法加载，因为它们不是Javascript注释而是HTML ..

所以如果js文件中的代码是

<!--
                $(document).ready(function() 
                {
                                $("div.container").corner();
                    $("div.linkList").corner();
          })
-->

然后像这样做

//<!--
                $(document).ready(function() 
                {
                                $("div.container").corner();
                    $("div.linkList").corner();
          })
//-->

Answer 6

只要您使用 JQuery API函数，例如$(document).ready();您需要在自定义js文件之前调用jquery-1.3.2.min.js，包括JQuery API函数

使用单独的.js文件来处理Jquery

6 个答案: