为什么javascript文件加载两次console.log和alert和jquery“click”运行两次

Question

为什么javascript文件加载两次？

$(window).load(function() {
    $(function() {
    console.log('hi');


    });
});

这是控制台输出：

vm和Categories都是同一个文件

问题不仅仅在于console.log，我称之为jquery“click”的任何函数都会被触发两次！

scrollingPage.js：

/**
 * fullPage 1.3.1
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
     */

(function($) {

$('.PageData').live('mouseleave' ,function(){
    window.windowScrollOF = false;
});

$('.PageData').live('mouseenter', function(){
    window.windowScrollOF = true;
});

$('.CatData').live('mouseleave' ,function(){
    window.windowScrollOF = false;
});

$('.CatData').live('mouseenter', function(){
    window.windowScrollOF = true;
});

$.fn.fullpage = function(options) {
    // Create some defaults, extending them with any options that were provided
    options = $.extend({
        "verticalCentered" : true,
        'resize' : true,
        'slidesColor' : [],
        'anchors':[],
        'scrollingSpeed': 1200,
        'easing': 'easeInQuart',
        'menu': false,
        'navigation': false,
        'navigationPosition': 'right',
        'navigationColor': '#000',
        'controlArrowColor': '#fff',
        'loopBottom': false,
        'loopTop': false,
        'loopHorizontal': false,
        'autoScrolling': true,
        'scrollOverflow': false,
        'css3': false,
        'paddingTop': null,
        'paddingBottom': null,
        'fixedElements': null,

        //events
        'afterLoad': null,
        'onLeave': null,
        'afterRender': null,
        'afterSlideLoad': null
    }, options);        

    //Defines the delay to take place before being able to scroll to the next section
    //BE CAREFUL! Not recommened to change it under 400 for a good behavior in laptops and 
    //Apple devices (laptops, mouses...)
    var scrollDelay = 50;

    $.fn.fullpage.setAutoScrolling = function(value){
        options.autoScrolling = value;

        var element = $('.section.active');

        if(options.autoScrolling){
            $('html, body').css({
                'overflow' : 'hidden',
                'height' : '100%'
            });

            if(element.length){
                //moving the container up
                if(options.css3){
                    var translate3d = 'translate3d(0px, -' + element.position().top + 'px, 0px)';
                    transformContainer(translate3d, false)
                }else{
                    //deleting the possible negative top
                    $('#superContainer').css('top', '-'  + element.position().top + 'px');
                }
            }

        }else{
            $('html, body').css({
                'overflow' : 'auto',
                'height' : 'auto'
            });

            if(options.css3){
                //moving the container up
                var translate3d = 'translate3d(0px, 0px, 0px)';
                transformContainer(translate3d, false)
            }else{
                //deleting the possible negative top
                $('#superContainer').css('top', '0px');
            }

            //scrolling the page to the section with no animation
            $('html, body').scrollTop(element.position().top);
        }

    };


    //flag to avoid very fast sliding for landscape sliders
    var slideMoving = false;

    var isTablet = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Windows Phone)/);

    var windowsHeight = $(window).height();
    var isMoving = false;
    var lastScrolledDestiny;

    addScrollEvent();

    $('body').wrapInner('<div id="superContainer" />');

    //creating the navigation dots 
    if (options.navigation) {
        $('body').append('<div id="fullPage-nav"><ul></ul></div>');
        var nav = $('#fullPage-nav');

        nav.css('color', options.navigationColor);


        if (options.navigationPosition === 'right') {
            nav.css('right', '17px');
        } else {
            nav.css('left', '17px');
        }
    }

    $('.section').each(function(index){
        var slides = $(this).find('.slide');
        var numSlides = slides.length;

        if(!index){
            $(this).addClass('active');
        }

        $(this).css('height', windowsHeight + 'px');

        if(options.paddingTop && options.paddingBottom){
            $(this).css('padding', options.paddingTop  + ' 0 ' + options.paddingBottom + ' 0');
        }

        if (typeof options.slidesColor[index] !==  'undefined') {
            $(this).css('background-color', options.slidesColor[index]);
        }

        if (typeof options.anchors[index] !== 'undefined') {
            $(this).attr('data-anchor', options.anchors[index]);
        }


        if (options.navigation) {
            var link = '';
            if(options.anchors.length){
                link = options.anchors[index];
            }
            nav.find('ul').append('<li><a href="#' + link + '"><span></span></a></li>');
        }

        // if there's any slide
        if (numSlides > 0) {
            var sliderWidth = numSlides * 100;
            var slideWidth = 100 / numSlides;

            slides.wrapAll('<div class="slidesContainer" />');
            slides.parent().wrap('<div class="slides" />');

            $(this).find('.slidesContainer').css('width', sliderWidth + '%');
            $(this).find('.slides').after('<div class="controlArrow prev"></div><div class="controlArrow next"></div>');
            $(this).find('.controlArrow.next').css('border-color', +options.controlArrowColor);
            $(this).find('.controlArrow.prev').css('border-color', + options.controlArrowColor);

            if(!options.loopHorizontal){
                $(this).find('.controlArrow.prev').show();
            }


            slides.each(function(index) {
                if(!index){
                    $(this).addClass('active');
                }

                $(this).css('width', slideWidth + '%');

                if(options.verticalCentered){
                    addTableClass($(this));
                }
            });
        }else{
            if(options.verticalCentered){
                addTableClass($(this));
                $(this).addClass('active');
            }
        }




    }).promise().done(function(){           
        $.fn.fullpage.setAutoScrolling(options.autoScrolling);

        $.isFunction( options.afterRender ) && options.afterRender.call( this);

        //fixed elements need to be moved out of the plugin container due to problems with CSS3.
        if(options.fixedElements && options.css3){
            $(options.fixedElements).appendTo('body');
        }

        //vertical centered of the navigation + first bullet active
        if(options.navigation){
            nav.css('margin-top', '-' + (nav.height()/2) + 'px');
            nav.find('li').first().find('a').addClass('active');
        }

        //moving the menu outside the main container (avoid problems with fixed positions when using CSS3 tranforms)
        if(options.menu && options.css3){
            $(options.menu).appendTo('body');
        }

        if(options.scrollOverflow){
            //after DOM and images are loaded 
            $(window).on('load', function() {
                $('.section').each(function(){
                    var slides = $(this).find('.slide');

                    if(slides.length){
                        slides.each(function(){
                            createSlimScrolling($(this));
                        });
                    }else{
                        createSlimScrolling($(this));
                    }

                });
            });
        }

        $(window).on('load', function() {
            scrollToAnchor();   
        });

    });

    var scrollId;
    var isScrolling = false;

    //when scrolling...
    $(window).scroll(function(e){

        if(!options.autoScrolling){                 
            var currentScroll = $(window).scrollTop();

            var scrolledSections = $('.section').map(function(){
                if ($(this).offset().top < (currentScroll + 100)){
                    return $(this);
                }
            });

            //geting the last one, the current one on the screen
            var currentSection = scrolledSections[scrolledSections.length-1];

            //executing only once the first time we reach the section
            if(!currentSection.hasClass('active')){
                isScrolling = true; 

                var yMovement = getYmovement(currentSection);

                $('.section.active').removeClass('active');
                currentSection.addClass('active');

                var anchorLink  = currentSection.data('anchor');
                $.isFunction( options.onLeave ) && options.onLeave.call( this, currentSection.index('.section'), yMovement);

                $.isFunction( options.afterLoad ) && options.afterLoad.call( this, anchorLink, (currentSection.index('.section') + 1));

                activateMenuElement(anchorLink);    
                activateNavDots(anchorLink, 0);


                if(options.anchors.length && !isMoving){
                    //needed to enter in hashChange event when using the menu with anchor links
                    lastScrolledDestiny = anchorLink;

                    location.hash = anchorLink;
                }

                //small timeout in order to avoid entering in hashChange event when scrolling is not finished yet
                clearTimeout(scrollId);
                scrollId = setTimeout(function(){                   
                    isScrolling = false;
                }, 100);
            }

        }                   
    }); 




    var touchStartY = 0;
    var touchStartX = 0;
    var touchEndY = 0;
    var touchEndX = 0;

    /* Detecting touch events 

    * As we are changing the top property of the page on scrolling, we can not use the traditional way to detect it.
    * This way, the touchstart and the touch moves shows an small difference between them which is the
    * used one to determine the direction.
    */
    $(document).on('touchmove', function(event){

        if(options.autoScrolling && isTablet){
            //preventing the easing on iOS devices
            event.preventDefault();
            var e = event.originalEvent;
            var touchMoved = false;

            if (!isMoving) { //if theres any #

                touchEndY = e.touches[0].pageY;
                touchEndX = e.touches[0].pageX;


                //if movement in the X axys is bigger than in the Y and the currect section has slides...
                if($('.section.active').find('.slides').length && Math.abs(touchStartX - touchEndX) > Math.abs(touchStartY - touchEndY) ){
                    if(touchStartX > touchEndX){
                        $('.section.active').find('.controlArrow.next').trigger('click');
                    }
                    else if(touchStartX < touchEndX){
                        $('.section.active').find('.controlArrow.prev').trigger('click');
                    }
                }
                //vertical scrolling
                else{
                    var scrollable = $('.section.active').find('.scrollable');
                    if(touchStartY > touchEndY){
                        if(scrollable.length > 0 ){
                            //is the scrollbar at the end of the scroll?
                            if(isScrolled('bottom', scrollable)){
                                $.fn.fullpage.moveSlideDown();

                            }else{
                                return true;
                            }
                        }else{
                            // moved down
                            $.fn.fullpage.moveSlideDown();
                        }
                    } else {

                        if(scrollable.length > 0){
                            //is the scrollbar at the start of the scroll?
                            if(isScrolled('top', scrollable)){
                                $.fn.fullpage.moveSlideUp();
                            }
                            else{
                                return true;
                            }
                        }else{
                            // moved up
                            $.fn.fullpage.moveSlideUp();
                        }
                    }
                }                   
            }
        }
    });

    $(document).on('touchstart', function(event){
        if(options.autoScrolling && isTablet){
            var e = event.originalEvent;
            touchStartY = e.touches[0].pageY;
            touchStartX = e.touches[0].pageX;
        }
    });



    /**
     * Detecting mousewheel scrolling
     * 
     * http://blogs.sitepointstatic.com/examples/tech/mouse-wheel/index.html
     * http://www.sitepoint.com/html5-javascript-mouse-wheel/
     */
    function MouseWheelHandler(e) {
        if(window.windowScrollOF){
                return;
        }
        if(options.autoScrolling){
            // cross-browser wheel delta
            e = window.event || e;
            var delta = Math.max(-1, Math.min(1,
                    (e.wheelDelta || -e.detail)));
            var scrollable;
            var activeSection = $('.section.active');

            if (!isMoving) { //if theres any #

                //if there are landscape slides, we check if the 

scrolling bar is in the current one or not
                    if(activeSection.find('.slides').length){
// MAKE THE PAGE SCROLL ON MOUSE
//                       scrollable= activeSection.find('.slide.active').find('.scrollable');
                    }else{
//                      scr

ollable = activeSection.find('.scrollable');
                }

                //scrolling down?
                if (delta < 0) {
                    if(scrollable.length > 0 ){
                        //is the scrollbar at the end of the scroll?
                        if(isScrolled('bottom', scrollable)){
                            $.fn.fullpage.moveSlideDown();
                        }else{
                            return true; //normal scroll
                        }
                    }else{
                        $.fn.fullpage.moveSlideDown();
                    }
                }

                //scrolling up?
                else {
                    if(scrollable.length > 0){
                        //is the scrollbar at the start of the scroll?
                        if(isScrolled('top', scrollable)){
                            $.fn.fullpage.moveSlideUp();
                        }else{
                            return true; //normal scroll
                        }
                    }else{
                        $.fn.fullpage.moveSlideUp();
                    }
                }
            }

            return false;
        }
    }


    function addScrollEvent(){
        if (document.addEventListener) {
            document.addEventListener("mousewheel", MouseWheelHandler, false); //IE9, Chrome, Safari, Oper
            document.addEventListener("DOMMouseScroll", MouseWheelHandler, false); //Firefox
        } else {
            document.attachEvent("onmousewheel", MouseWheelHandler); //IE 6/7/8
        }
    }

    $.fn.fullpage.moveSlideUp = function(){
        var prev = $('.section.active').prev('.section');

        //looping to the bottom if there's no more sections above
        if(options.loopTop && !prev.length){
            prev = $('.section').last();
        }

        if (prev.length > 0 || (!prev.length && options.loopTop)){
            scrollPage(prev);
        }
    };

    $.fn.fullpage.moveSlideDown = function (){
        var next = $('.section.active').next('.section');

        //looping to the top if there's no more sections below
        if(options.loopBottom && !next.length){
            next = $('.section').first();
        }

        if (next.length > 0 || (!next.length && options.loopBottom)){
            scrollPage(next);
        }
    };

    $.fn.fullpage.moveToSlide = function (index){
        var destiny = '';

        if(isNaN(index)){
            destiny = $('[data-anchor="'+index+'"]');
        }else{
            destiny = $('.section').eq( (index -1) );
        }

        if (destiny.length > 0) {
            scrollPage(destiny);
        }
    };

    function scrollPage(element, callback) {
        var scrollOptions = {}, scrolledElement;
        var dest = element.position();
        var dtop = dest !== null ? dest.top : null;
        var yMovement = getYmovement(element);
        var anchorLink  = element.data('anchor');
        var sectionIndex = element.index('.section');
        var leavingSection = sectionIndex;

        element.addClass('active').siblings().removeClass('active');

        //preventing from activating the MouseWheelHandler event
        //more than once if the page is scrolling
        isMoving = true;

        if(!$.isFunction( callback )){
            if(typeof anchorLink !== 'undefined'){
                location.hash = anchorLink;
            }else{
                location.hash = '';
            }
        }

        if(options.autoScrolling){
            scrollOptions['top'] = -dtop;
            scrolledElement = '#superContainer';
        }else{
            scrollOptions['scrollTop'] = dtop;
            scrolledElement = 'html, body';
        }

        //calculating the index of the section we are leaving
        if(yMovement === 'up'){
            leavingSection +=2; 
        }           

        if(options.css3 && options.autoScrolling){


            $.isFunction( options.onLeave ) && options.onLeave.call( this, leavingSection, yMovement);

            var translate3d = 'translate3d(0px, -' + dtop + 'px, 0px)';
            transformContainer(translate3d, true);

            setTimeout(function(){
                $.isFunction( options.afterLoad ) && options.afterLoad.call( this, anchorLink, (sectionIndex + 1));

                    setTimeout(function(){
                        isMoving = false;
                        $.isFunction( callback ) && callback.call( this);
                    }, scrollDelay);
            }, options.scrollingSpeed);
        }else{
            $.isFunction( options.onLeave ) && options.onLeave.call( this, leavingSection, yMovement);

            $(scrolledElement).animate(
                scrollOptions 
            , options.scrollingSpeed, options.easing, function() {
                //callback
                $.isFunction( options.afterLoad ) && options.afterLoad.call( this, anchorLink, (sectionIndex + 1));

                setTimeout(function(){
                    isMoving = false;
                    $.isFunction( callback ) && callback.call( this);
                }, scrollDelay);
            });
        }

        //flag to avoid callingn `scrollPage()` twice in case of using anchor links
        lastScrolledDestiny = anchorLink;

        //avoid firing it twice (as it does also on scroll)
        if(options.autoScrolling){
            activateMenuElement(anchorLink);
            activateNavDots(anchorLink, sectionIndex);
        }
    }

    function scrollToAnchor(){
        //getting the anchor link in the URL and deleting the `#`
        var value =  window.location.hash.replace('#', '').split('/');
        var section = value[0];
        var slide = value[1];

        if(section){  //if theres any # 
            scrollPageAndSlide(section, slide);
        }
    }


    //detecting any change on the URL to scroll to the given anchor link
    //(a way to detect back history button as we play with the hashes on the URL)
    $(window).on('hashchange',function(){
        if(!isScrolling){
            var value =  window.location.hash.replace('#', '').split('/');
            var section = value[0];
            var slide = value[1];
            slide  = typeof slide == 'undefined' ? 0 : slide ;

            /*in order to call scrollpage() only once for each destination at a time
            It is called twice for each scroll otherwise, as in case of using anchorlinks `hashChange` 
            event is fired on every scroll too.*/
            if (section !== lastScrolledDestiny) {
                scrollPageAndSlide(section, slide);
            } else {
                if(window.ontimeTagTrigger == false){
                    scrollPageAndSlide(section, slide);
                    window.ontimeTagTrigger = true;
                } else {
                    window.ontimeTagTrigger = false;
                }
            }
        }
    });



    /**
     * Sliding with arrow keys, both, vertical and horizontal
     */
    $(document).keydown(function(e) {

        //Moving the mian page with the keyboard arrows
        if (!isMoving) {
            switch (e.which) {
            //up
            case 38:
            case 33:
                $.fn.fullpage.moveSlideUp();
                break;

            //down
            case 40:
            case 34:
                $.fn.fullpage.moveSlideDown();
                break;

            //left
            case 37:
                $('.section.active').find('.controlArrow.prev').trigger('click');

                break;

            //right
            case 39:
                $('.section.active').find('.controlArrow.next').trigger('click');
                break;

            default:
                return; // exit this handler for other keys
            }
        }
    });

    $(document).on('click', '#fullPage-nav a', function(e){
        e.preventDefault();
        var index = $(this).parent().index();
        scrollPage($('.section').eq(index));


    });

    /**
     * Scrolling horizontally when clicking on the slider controls.
     */
    $('.section').on('click', '.controlArrow', function() {

        //not that fast my friend! :)
        if (slideMoving) {
            return;
        }
        slideMoving = true;

        var slides = $(this).closest('.section').find('.slides');
        var currentSlide = slides.find('.slide.active');
        var destiny = null;

        currentSlide.removeClass('active');

        if ($(this).hasClass('prev')) {
            destiny = currentSlide.prev('.slide');

        } else {
            destiny = currentSlide.next('.slide');
        }

        //is there isn't a next slide in the secuence?
        if(!destiny.length) {
            //to the last
            if ($(this).hasClass('prev')) {
                destiny = currentSlide.siblings(':last');
            } else {
                destiny = currentSlide.siblings(':first');
            }   
        }

        landscapeScroll(slides, destiny);

        destiny.addClass('active');
    });


    /**
     * Scrolling horizontally when clicking on the slider controls.
     */
    $('.section').on('click', '.toSlide', function(e) {
        e.preventDefault();

        var slides = $(this).closest('.section').find('.slides');
        var currentSlide = slides.find('.slide.active');
        var destiny = null;

        destiny = slides.find('.slide').eq( ($(this).data('index') -1) );

        if(destiny.length > 0){
            currentSlide.removeClass('active');

            landscapeScroll(slides, destiny);

            destiny.addClass('active');
        }
    });

    /**
    * Scrolls horizontal sliders.
    */
    function landscapeScroll(slides, destiny){
        var destinyPos = destiny.position();
        var slidesContainer = slides.find('.slidesContainer').parent();
        var slideIndex = destiny.index('.slide');
        var section = slides.closest('.section');
        var sectionIndex = section.index('.section');
        var anchorLink = section.data('anchor');

        var slideAnchor = destiny.data('anchor');

        if(typeof slideAnchor === 'undefined'){
            slideAnchor = slideIndex;
        }

        //only changing the URL if the slides are in the current section (not for resize re-adjusting)
        if(section.hasClass('active')){

            if(!options.loopBottom){
                //hidding it for the fist slide, showing for the rest
                section.find('.controlArrow.prev').toggle(slideIndex!=0);
            }

            //isn't it the first slide?
            if(slideIndex){
                location.hash = location.hash.split('/')[0] + '/' + slideAnchor;

                if(!options.loopBottom){
                    //hidding it for the last slide, showing for the rest
                    section.find('.controlArrow.next').toggle(!destiny.is(':last-child'));
                }           
            //first slide
            }else{
                location.hash = location.hash.split('/')[0];
            }
        }

        if(options.css3){
            var translate3d = 'translate3d(-' + destinyPos.left + 'px, 0px, 0px)';

            slides.find('.slidesContainer').addClass('easing').css({
                '-webkit-transform': translate3d,
                '-moz-transform': translate3d,
                '-ms-transform':translate3d,
                'transform': translate3d
            });
            setTimeout(function(){
                $.isFunction( options.afterSlideLoad ) && options.afterSlideLoad.call( this, anchorLink, (sectionIndex + 1), slideAnchor, slideIndex );

                slideMoving = false;
            }, options.scrollingSpeed);
        }else{
            slidesContainer.animate({
                scrollLeft : destinyPos.left
            }, options.scrollingSpeed, function() {

                $.isFunction( options.afterSlideLoad ) && options.afterSlideLoad.call( this, anchorLink, (sectionIndex + 1), slideAnchor, slideIndex);

                //letting them slide again
                slideMoving = false; 
            });
        }
    }


    if (!isTablet) {
        var resizeId;

        //when resizing the site, we adjust the heights of the sections
        $(window).resize(function() {
            //in order to call the functions only when the resize is finished
            //http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing
            clearTimeout(resizeId);
            resizeId = setTimeout(doneResizing, 500);
        });

    }
    $(window).bind('orientationchange', function() {
        doneResizing();
    });

    /**
     * When resizing is finished, we adjust the slides sizes and positions
     */
    function doneResizing() {
        var windowsWidtdh = $(window).width();
        var windowsHeight = $(window).height();

        //text and images resizing
        if (options.resize) {
            resizeMe(windowsHeight, windowsWidtdh);
        }

        $('.section').each(function(){
            var scrollHeight = windowsHeight - parseInt($(this).css('padding-bottom')) - parseInt($(this).css('padding-top'));

            //resizing the scrolling divs
            if(options.scrollOverflow){
                $(this).find('.scrollable').css('height', scrollHeight + 'px').parent().css('height', scrollHeight + 'px');
            }

            //adjusting the height of the table-cell for IE and Firefox
            if(options.verticalCentered){
                $(this).find('.tableCell').css('height', windowsHeight + 'px');
            }

            $(this).css('height', windowsHeight + 'px');

            //adjusting the position fo the FULL WIDTH slides...
            var slides = $(this).find('.slides');
            if (slides.length > 0) {
                landscapeScroll(slides, slides.find('.slide.active'));
            }
        });

        //adjusting the position for the current section
        var destinyPos = $('.section.active').position();

        var activeSection = $('.section.active');

        //isn't it the first section?
        if(activeSection.index('.section')){
            scrollPage(activeSection);
        }
    }

    /**
     * Resizing of the font size depending on the window size as well as some of the images on the site.
     */
    function resizeMe(displayHeight, displayWidth) {
        //Standard height, for which the body font size is correct
        var preferredHeight = 825;
        var windowSize = displayHeight;

        /* Problem to be solved

        if (displayHeight < 825) {
            var percentage = (windowSize * 100) / preferredHeight;
            var newFontSize = percentage.toFixed(2);

            $("img").each(function() {
                var newWidth = ((80 * percentage) / 100).toFixed(2);
                $(this).css("width", newWidth + '%');
            });
        } else {
            $("img").each(function() {
                $(this).css("width", '');
            });
        }*/

        if (displayHeight < 825 || displayWidth < 900) {
            if (displayWidth < 900) {
                windowSize = displayWidth;
                preferredHeight = 900;
            }
            var percentage = (windowSize * 100) / preferredHeight;
            var newFontSize = percentage.toFixed(2);

            $("body").css("font-size", newFontSize + '%');
        } else {
            $("body").css("font-size", '100%');
        }
    }

    /**
     * Activating the website navigation dots according to the given slide name.
     */
    function activateNavDots(name, sectionIndex){
        if(options.navigation){
            $('#fullPage-nav').find('.active').removeClass('active');
            if(name){ 
                $('#fullPage-nav').find('a[href="#' + name + '"]').addClass('active');
            }else{
                $('#fullPage-nav').find('li').eq(sectionIndex).find('a').addClass('active');
            }
        }
    }

    /**
     * Activating the website main menu elements according to the given slide name.
     */
    function activateMenuElement(name){
        if(options.menu){
            $(options.menu).find('.active').removeClass('active');
            $(options.menu).find('[data-menuanchor="'+name+'"]').addClass('active');
        }
    }

    /**
    * Return a boolean depending on whether the scrollable element is at the end or at the start of the scrolling
    * depending on the given type.
    */
    function isScrolled(type, scrollable){
        if(type === 'top'){
            return !scrollable.scrollTop();
        }else if(type === 'bottom'){
            return scrollable.scrollTop() + scrollable.innerHeight() >= scrollable[0].scrollHeight;
        }
    }

    /**
    * Retuns `up` or `down` depending on the scrolling movement to reach its destination
    * from the current section.
    */
    function getYmovement(destiny){
        var fromIndex = $('.section.active').index('.section');
        var toIndex = destiny.index('.section');

        if(fromIndex > toIndex){
            return 'up';
        }
        return 'down';
    }       


    function createSlimScrolling(element){
        //needed to make `scrollHeight` work under Opera 12
        element.css('overflow', 'hidden');

        //in case element is a slide
        var section = element.closest('.section');

        var contentHeight = element.get(0).scrollHeight  - parseInt(section.css('padding-bottom')) - parseInt(section.css('padding-top'));
        if ( contentHeight > windowsHeight) {
            if(options.verticalCentered){
                element.find('.tableCell').wrapInner('<div class="scrollable" />');
            }else{
                element.wrapInner('<div class="scrollable" />');
            }

            var scrollHeight = windowsHeight - parseInt(section.css('padding-bottom')) - parseInt(section.css('padding-top'));

            element.find('.scrollable').slimScroll({
                height: scrollHeight + 'px',
                size: '10px',
                alwaysVisible: true
            });
        }

        //undo 
        element.css('overflow', '');
    }

    function addTableClass(element){
        element.addClass('table').wrapInner('<div class="tableCell" style="height:' + windowsHeight + 'px;" />');
    }


    /**
    * Adds a css3 transform property to the container class with or without animation depending on the animated param.
    */
    function transformContainer(translate3d, animated){
        $('#superContainer').toggleClass('easing', animated);

        $('#superContainer').css({
            '-webkit-transform': translate3d,
            '-moz-transform': translate3d,
            '-ms-transform':translate3d,
            'transform': translate3d
        });
    }


    /**
    * Scrolls to the given section and slide 
    */
    function scrollPageAndSlide(section, slide){

        var element = $('[data-anchor="'+section+'"]');
                $('.CatBox.visible').removeClass('visible')
                $('.MainCats').fadeOut();
                $('.CloseCatBox').css({
                    visibility: 'hidden'
                });

        scrollPage(element, function(){
            if(typeof slide != 'undefined'){
                var slides = element.find('.slides');
                var destiny =  slides.find('[data-anchor="'+slide+'"]');
                if(!destiny.length){
                    destiny = slides.find('.slide').eq(slide);
                }                   

                slides.find('.slide').first().removeClass('active');

                landscapeScroll(slides, destiny);

                destiny.addClass('active');
            }
        });
    }
};
})(jQuery);

Answer 1

您的问题是Categories.js和放置在body中的所有其他脚本都加载了两次，一次加载script标记，另一次加载jQuery使用AJAX。

原因是，您的网站script中有body个标记与118中的行scrollingPage.js结合使用：

 $('body').wrapInner('<div id="superContainer" />');

jQuery (prior to 1.9) will load and execute the scripts that are wrapped by the newly created div a second time when you call wrapInner

可能的解决方案：

• 如果可能，请更新到jQuery 1.9+
• 将您的脚本从body移至头部
• 在执行body代码之前将其从scrollingPage.js中删除

Answer 2

$(window).load( function() { console.log('hi'); });