不能从外部文件调用重复的js吗？

Question

我有一个网站here。

我有一个脚本，它调用适当的函数使Sticky Notes工作..。

//Functionality for Sticky Notes 
    $(function() {
        $("#content").stickynote({
            size             : 'large',
            containment      : 'content',
            event            : 'dblclick',
            color            : '#de5900'                
            });


        $("#newsticky").stickynote({
            size             : 'large',
            containment      : 'content',
            color            : '#de5900'
            });
        });

这不是一个重复的javascript，但我试图将所有这些头脚本放在一个文件中。你可以看到我已经有几个了。您可以查看文件here。

当我将文件加载到索引页面here上时，脚本将被适当地调用(jquery和两个不同的滑块)。

当我在Sticky Notes页面上调用相同的文件时，除了jquery菜单不能正常工作之外，我也不能这样做。

我在页面底部调用相同的脚本(在</body>标记之前).

<!-- All DOM Ready Scripts -->
<script type="text/javascript" src="js/scripts.js"></script>

不知道我做错了什么。

Answer 1

另外，如果DOM已经准备好(也就是说，在文件底部包含脚本，到那时所有节点都在DOM中)，那么就不需要将$(function() { });放在$(document).ready(function() {});中了。

您的代码应该如下所示：

$("#rotator1").bannerRotator({...});
$("#rotator2").bannerRotator({...});
$("#content").stickynote({...});
$("#newsticky").stickynote({...});