javascript - 为什么我的滑动内容一次之后就一直继续下去？

Question

This is my blog ，如果您坐几秒钟并观看“音频”图 block ，它就会移动。出现另一个图 block ，上面写着“猫”。 “猫”会向左滑动，“音频”会重新出现，然后“音频”会向左滑回。然而，此后，音频再也没有出现，而是继续播放。我取消隐藏了音乐播放器，以便您可以观看它一直在播放的情况。我的 javascript 有什么问题会发生这种情况？

另外，我将如何更改 javascript，以便音频将向左滑动，猫从右侧进入，但猫将向右滑动，音频将从左侧滑入？

<script type="text/javascript">
var swap = false;
var w = 125;
var h = 115;    
var i = 0;
var x = 0;
var q = 1;
var t;

window.onload=function(){
    i = initPortfolio();
    setTimeout("portfolioRotate()",2000);
}

function initPortfolio(){

    $('.portfolio-item').each(function(index){i = i+1;});
    for(var n=1;n<=i;n=n+1){
        lpos = w * n - w;
        $('#item-'+n).css('left',lpos);
    }

    $('.offs').css('display','block');
    x =  i * w - w;
    return i;
}

function portfolioRotate(){
    swap = false;
    $('.portfolio-item').delay(4000).animate({left:'-='+w},500,function(){
        nn = this.id.split("-")[1];
        if(q==nn && swap==false){
            $('#item-'+q).css('left',x);
            if(q<i){q=q+1}else;
            swap = true;
            u=setTimeout("portfolioRotate()",4000);
        }
    });
}
</script>

Answer 1

您可能不想每次调用portfolioRotate 时都将swap 设置为false。这使得 if 语句始终为 true。