Javascript Can';从外部文件调用重复的js?

Javascript Can';从外部文件调用重复的js?,javascript,dom,domready,Javascript,Dom,Domready,我有一个网站 我有一个脚本,它调用适当的函数让便笺生效 //Functionality for Sticky Notes $(function() { $("#content").stickynote({ size : 'large', containment : 'content', event : 'dblclick',

我有一个网站

我有一个脚本,它调用适当的函数让便笺生效

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


        $("#newsticky").stickynote({
            size             : 'large',
            containment      : 'content',
            color            : '#de5900'
            });
        });
这不是一个重复的javascript,但我正试图将所有这些头脚本放在一个文件中。你可以看到,我已经有一些在那里。您可以查看该文件

当我将文件加载到索引页面上时,会相应地调用脚本(jquery菜单和两个不同的滑块)

当我在便笺页面上调用同一个文件时,除了jquery菜单不能正常工作之外,我无法调用该文件

我在页面底部调用相同的脚本(在
标记之前)

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


不确定我做错了什么。

尝试从
$(function(){})中取出代码块;
此外,如果DOM已准备就绪(即,如果您将脚本包含在文件的底部,并且此时所有节点都在DOM中),则无需将BannerRotator放置在
$(document).ready(function(){});

您的代码应该是这样的:

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

您是否在页面上包含jquery.js,但它不起作用?我注意到您在页面上包含了两个不同版本的jquery,版本1.7.1和1.3.2,因此这可能会导致一些问题。然后在另一个页面上包含jquery版本1.9.1-您可能会更好地找出您需要的版本并坚持使用它ywhere.(同样,这不会导致问题,但在scripts.js中,您可以将代码组合成单个
$(文档)。就绪(…)
处理程序。)P.S.打开浏览器的JavaScript控制台(Chrome中的ctrl-shift-j)并查看是否报告了任何错误。@nnnnnn我将不得不花一些时间在这一点上。便笺的功能适用于1.3.2,但不适用于1.9.1。您对如何更新我的代码以使其与1.9.1兼容有何想法?即使不需要就绪处理程序(虽然在这种情况下,我认为这是必要的,因为脚本包含在头部)为什么它实际上会停止代码工作?你是对的,ready handler不应该停止脚本工作。我只是试图简化代码。原始问题提到在页面底部包含脚本。