Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用serialScroll jQuery插件停止页面中的循环_Javascript_Jquery_Jquery Plugins_Serialscroll - Fatal编程技术网

Javascript 使用serialScroll jQuery插件停止页面中的循环

Javascript 使用serialScroll jQuery插件停止页面中的循环,javascript,jquery,jquery-plugins,serialscroll,Javascript,Jquery,Jquery Plugins,Serialscroll,我正在为一个网站使用jQuery插件,但我并不擅长javascript。这段代码中有什么东西一直在使脚本循环,我可以在哪里停止它?我不确定它来自何处/是否来自此脚本,或者我是否应该寻找其他地方 jQuery(function( $ ){ var $slideshow = $('#slideshow'); var $homeslidernav = $('#navigation li button'); var $prev = $('button.prev');

我正在为一个网站使用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
具有启动和停止属性。如果看不到代码的其余部分,包括如何实现,就很难说了。但是我猜,
force:true
会强制它启动,但是你不会在任何地方调用
stop.serialScroll

start.serialScroll (Re)starts autoscrolling
stop.serialScroll Stops the autoscrolling

没有什么东西向我扑来。尝试一些好的老式调试,通过注释掉行和/或块来帮助找出问题的根源。您使用哪些jQuery插件?请链接/标记它们。另外,我认为您实际上应该在部分代码中使用一些循环作为开始。但是如果没有循环:true的选项,它不应该循环。你能给我们一个链接到该站点吗?它看起来是循环,我刚刚杀死了它。非常感谢!