使用getScript加载我的脚本

Question

一开始我在头中加载了所有的js脚本，一切都正常。但我有一个js文件需要内联加载/只在某个页面中加载。

这是我需要加载的js文件

    var myScroll,pullDownEl, pullDownOffset, generatedCount = 0;
    function pullDownAction () {
            setTimeout(function () {    
                    var el, li, i;
                    el = document.getElementById('newlist');
                    if ( el.hasChildNodes() ) {
                            while ( el.childNodes.length >= 1 ) {
                                    el.removeChild( el.firstChild );       
                            } 
                    }
                    for (i=0; i<6; i++) {
                            li = document.createElement('li');
                            li.innerText = 'Generated row ' + (++generatedCount);
                            el.insertBefore(li, el.childNodes[0]);
                    }
                    myScroll.refresh();     
            }, 1000);   
    }
    function loaded() {
            pullDownEl = document.getElementById('pullDown');
            pullDownOffset = pullDownEl.offsetHeight;
            myScroll = new iScroll('wrapper', {
                    //hideScrollbar: false,
                    //hScrollbar: false, vScrollbar: false, vScroll: false,
                    useTransition: true,
                    topOffset: pullDownOffset,
                    onRefresh: function () {
                            if (pullDownEl.className.match('loading')) {
                                    pullDownEl.className = '';
                                    pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Pull down to refresh...';
                                    $('#pullDown').css('display', 'inherit');
                                    $('#pullDown').css('display', 'none');
                                    $('#thelist').css('display', 'none');
                                    $('#newlist').css('display', 'inherit');
                            } 
                    },
                    onScrollMove: function () {
                            if (this.y > 5 && !pullDownEl.className.match('flip')) {
                                    pullDownEl.className = 'flip';
                                    pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Release to refresh...';
                                    $('#pullDown').css('display', 'inherit');
                                    this.minScrollY = 0;
                            } else if (this.y < 5 && pullDownEl.className.match('flip')) {
                                    pullDownEl.className = '';
                                    pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Pull down to refresh...';
                                    $('#pullDown').css('display', 'inherit');
                                    this.minScrollY = -pullDownOffset;
                            } 
                    },
                    onScrollEnd: function () {
                            if (pullDownEl.className.match('flip')) {
                                    pullDownEl.className = 'loading';
                                    pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Loading...';
                                    pullDownAction();   
                            } 
                    }
            });
            setTimeout(function () { document.getElementById('wrapper').style.left = '0'; }, 800);
    }
    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
    document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);

将它与我的头中的其他脚本一起加载，它可以工作，但现在我使用的是jquery getScript。它加载了脚本（使用firebug），但当我尝试调用js文件中的函数时，它给了我两个错误

1. 无法读取空的属性"offsetHeight"

2. 无法调用未定义的方法"刷新"

这就是我使用getScript 调用js脚本的方式

$(document).ready(function() {
    $('.email').click(function (){
            $.getScript("assets/js/scroll.js",function() {
                    pullDownAction();
                    loaded();
            }); 
    });
});

帮助任何

Answer 1

我知道这可能意味着要做比你想做的更多的工作，但你试过做名称空间调整吗？我不知道这是否100%有效（因为我不确定为什么这对你不起作用），但你尝试过吗？

(function( PullDown, $, undefined ) {
    //Private variables and this is a great way for minification, you will get the most out of it
    var myScroll,pullDownEl, pullDownOffset, generatedCount = 0;
    function pullDownAction () {
        //... your stuff here
    }
    function loaded() {
        //... more your stuff here
    }
}(window.PullDown = window.PullDown || {}, jQuery) // avoids name space collision w/ jQuery

现在做同样的事情，但这次编辑。

$(document).ready(function() {
    $('.email').click(function (){
            $.getScript("assets/js/scroll.js",function() {
                    window.PullDown.pullDownAction();
                    window.PullDown.loaded();
            }); 
    });
});

如果我没有错，或者复制粘贴技术不好，这应该很好！