Javascript 使用getScript加载我的脚本

Javascript 使用getScript加载我的脚本,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,首先,我将所有的js脚本加载到我的头中,并且它们都正常工作。但我有一个js文件需要内联加载/只在特定页面中加载 这是我需要加载的js文件 var myScroll,pullDownEl, pullDownOffset, generatedCount = 0; function pullDownAction () { setTimeout(function () { var el, li, i;

首先,我将所有的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);

帮助任何人

我知道这可能意味着你要做的工作比你想做的更多,但是你试过使用名称空间吗?我不知道这是否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();
            }); 
    });
});

如果我没有弄错,或者复制和粘贴技术不好,这应该会很好

注意名称空间污染,我从
$(document).ready(function() {
    $('.email').click(function (){
            $.getScript("assets/js/scroll.js",function() {
                    window.PullDown.pullDownAction();
                    window.PullDown.loaded();
            }); 
    });
});