我正在为网站使用jQuery插件，但我并不是JavaScript方面的佼佼者。这段代码中的什么使脚本循环不断出现，我该在哪里停止它？我不确定该脚本来自哪里/是否应该从其他脚本中寻找...
jQuery(function( $ ){
var $slideshow = $('#slideshow');
var $homeslidernav = $('#navigation li button');
var $prev = $('button.prev');
var $next = $('button.next');
$('#welcome h1').lettering();
var intval = 7200;
function ResetFunction() {
TweenMax.killAll(true, false, true);
};
function Slide1Function() {
var Slide1 = new TimelineMax();
$('#section1').append([
Slide1.to( $('.head_animation'), .2, {css:{display: 'block', opacity: '1'}}),
Slide1.to( $('.head2_animation'), .2, {css:{ display: 'block', opacity: '1'}}),
Slide1.from( $('.head2_animation'), 1.8, {css:{ top: '300px'}, ease:Expo.easeInOut}, -1.5),
Slide1.from( $('.head_animation .char1'), .25, {css:{top: '-200px', right:'1000px'}, ease:Elastic.easeOut}),
Slide1.from( $('.head_animation .char2'), .25, {css:{top: '300px', right:'1000px'}, ease:Elastic.easeOut}),
Slide1.from( $('.head_animation .char3'), .25, {css:{top: '-400px', right:'1000px'}, ease:Elastic.easeOut}),
Slide1.from( $('.head_animation .char4'), .25, {css:{top: '-200px', left:'1000px'}, ease:Elastic.easeOut}),
Slide1.from( $('.head_animation .char5'), .25, {css:{top: '200px', left:'1000px'}, ease:Elastic.easeOut}),
Slide1.from( $('.head_animation .char6'), .25, {css:{top: '-200px', left:'1000px'}, ease:Elastic.easeOut}),
Slide1.from( $('.head_animation .char7'), .25, {css:{top: '200px', left:'1000px'}, ease:Elastic.easeOut}),
Slide1.from( $('.head_animation .char1'), .3, {css:{color: '#4f3f35', fontFamily: 'MenschBold'}}),
Slide1.from( $('.head_animation .char2'), .3, {css:{color: '#4f3f35', fontFamily: 'MenschBold'}}),
Slide1.from( $('.head_animation .char3'), .3, {css:{color: '#4f3f35', fontFamily: 'MenschBold'}}),
Slide1.from( $('.head_animation .char4'), .3, {css:{color: '#4f3f35', fontFamily: 'MenschBold'}}),
Slide1.from( $('.head_animation .char5'), .3, {css:{color: '#4f3f35', fontFamily: 'MenschBold'}}),
Slide1.from( $('.head_animation .char6'), .3, {css:{color: '#4f3f35', fontFamily: 'MenschBold'}}),
Slide1.from( $('.head_animation .char7'), .3, {css:{color: '#4f3f35', fontFamily: 'MenschBold'}})
]);
};
$slideshow.serialScroll({
target:'#sections',
items:'li.slide',
prev: $prev,
next: $next,
axis:'xy',
navigation: $homeslidernav,
interval:intval,
duration:0,
force:true,
constant:false,
onBefore:function( e, elem, $pane, $items, pos ){
$homeslidernav.removeClass('active');
$homeslidernav.removeAttr("disabled");
$homeslidernav.eq(pos).addClass('active');
$homeslidernav.eq(pos).attr("disabled", "disabled");
$('#sections li.slide').removeClass('first');
$('#sections li.slide').removeClass('current');
$('#sections li.slide').eq(pos).addClass('current');
if($('#section1.current').length > 0) {
Slide1Function();
}
else {
ResetFunction();
$('.head_animation').css({'display': 'none', 'opacity':'0'});
$('.head2_animation').css({'display': 'none', 'opacity':'0'});
};
e.preventDefault();
if( this.blur )
this.blur();
},
onAfter:function( elem ){
if($('#section1.first').length > 0) {
Slide1Function();
}
}
});
});
最佳答案
从@Barmar发布的文档看来，serialScroll具有start和stop属性。没有看到其余的代码，包括如何实现，很难说。但是我猜想force: true迫使它启动，但是您没有在任何地方调用stop.serialScroll
start.serialScroll (Re)starts autoscrolling
stop.serialScroll Stops the autoscrolling