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

标签 jquery xhtml jquery-plugins

我是 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 文件)工作,有什么想法吗?提前致谢。

最佳答案

你是说代码:

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

在内联时有效,但在外部文件中无效?

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

关于jquery - 使用单独的 .js 文件来处理 Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/974068/

相关文章:

javascript - 从下拉列表中选择一个值会更改下一个下拉列表

javascript - 在开发人员控制台打开之前元素不可见

javascript - 单击链接调用 javascript 函数

javascript - 使 delay() 与插件一起工作

Jquery UI : range slider. 哪个 slider 被移动?

jquery - 通过单击 textillate.js 中的单个元素来调用方法两次或多次

jquery - 如何在 jQuery 中撤消 event.stopPropagation?

javascript - JavaScript 和 XHTML 严格代码的问题

css - 阻止 Div 受到其他 css 规则的影响

html - 在两列中显示 4 个 <li> 元素的一些问题