循环不会停止在给定值

Question

我正在尝试创建一个滑动面板，该面板将用简单的js动画隐藏。 这里是开发链接： http : //carportal.webpronto.it只需单击“隐藏面板”即可看到搜索选项卡向左移动。

问题如下：我试图给面板提供一个值，使其在到达左位置时停止：-25％但是面板继续对着无限进行愚蠢的奔跑。 这是我使用的脚本：

<script type="text/javascript">
    var scrollSpeed = 50;
    var step = 1;
    var current = 0;
    var endposition = 25;   
    function closeBAR(){
        current -= step;  
        if (current == endposition){


            stop;

        }



        $('#colleft').css("left",current+"%"); 



    var init = setInterval("closeBAR()", scrollSpeed);

}
</script>

我的脚本怎么了？

Answer 1

更换线

stop;

与

clearInterval(init);

另外，结尾应为负：

var endposition = -25;

考虑改用诸如Slide之类的jQuery UI效果，它将使您的代码更具可读性。

Answer 2

您在递减电流，因此，因为它从0开始，所以最终变成负数。 -25与25不同，因此您的“停止”测试失败

Answer 3

仔细看一下代码，看来至少存在以下问题：全局var current永远不会达到endposition的值，因为它的开头是-1值： endposition current -= step == -1 （0-1）。