如何在 Jquery 中循环变量？答案

【问题标题】：How to loop the variables in Jquery?如何在 Jquery 中循环变量？
【发布时间】：2011-12-18 06:42:28
【问题描述】：

假设position 从0 开始，c.width 等于700。在我点击#button 两次后，动画应该停止工作。但它没有。我想这是因为每次点击#button 后我的变量值都保持不变。

如何循环变量，以便每次单击 #button 时它们都会更新值？（每次点击#button时position的值应该会改变，但我不知道怎么...）

<script type="text/javascript">
$(document).ready(function(){
    $('#button').click(function(){
        var c=$('#content');
        var position=c.position();
        var w=c.width();
        var status=w - position.left;
        if(status>500){
            c.stop().animate({left:position.left - 100},300)};
            var position=c.position();
        });
    })
</script>

【问题讨论】：

第二个var position=c.position(); 是多余的。

标签： jquery variables loops each

【解决方案1】：

根据您的数学计算，status 不仅会始终大于 500，而且还会增加。

Click -> 500
Click -> 700
Click -> 900
Click -> 1100

你可以像这样改变你的数学：

if (status < 900) {
    c.stop().animate({
        left: position.left - 100
    }, 300)
};

这是一个演示：http://jsfiddle.net/qbLd2/

【讨论】：