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

尝试从$(function() { });中取出代码块此外，如果DOM已准备就绪（即如果您将脚本包含在文件的底部，并且那时所有节点都在DOM中） - 那么您不需要将bannerRotators放在$(document).ready(function() {});中

您的代码应该变成这样：

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

无法从外部文件调用重复的js？

1 个答案: