为什么 javascript 文件加载两次？
$(window).load(function() {
$(function() {
console.log('hi');
});
});
这是控制台输出:
vm和Categories都是同一个文件
问题不仅仅在于 console.log，我调用的任何函数(如 jquery“click”)都会触发两次!
滚动页面.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);
最佳答案
你的问题是 Categories.js 和 body 中的所有其他脚本被加载了两次，一次是通过 script 标签加载，一次是通过 script 标签加载另一次是使用 AJAX 的 jQuery。
原因是，您网站的 body 中有 script 标记，并结合 中的 :118 行>滚动页面.js
$('body').wrapInner('<div id="superContainer" />');
可能的解决方案:
- 如果可能，请更新到 jQuery 1.9+
- 将你的脚本从
body移到head - 在执行
scrollingPage.js代码之前将它们从body中移除
关于javascript - 为什么 javascript 文件加载两次 console.log 和 alert 并且 jquery "click"运行两次，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20825642/