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文件中的函数时，它给我一个两个错误

无法读取null
无法调用未定义

这就是我使用getScript

$(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();
            }); 
    });
});

如果我没有弄错，或者有不好的复制和粘贴技巧，这应该很棒！

使用getScript加载我的脚本

1 个答案: