JS / Jquery 脚本帮助，它没有循环答案

【问题标题】：JS / Jquery script Help, its not loopingJS / Jquery 脚本帮助，它没有循环
【发布时间】：2012-05-22 22:13:44
【问题描述】：

所以这是脚本：

<script>
var div = $("#gridline1");
$(document.body).mousemove(function(e){ 
if(e.pageX<630){div.animate({right:'+=1'},1);}
else {div.animate({left:'+=2'},1);}
});
</script>

它可以工作，但是当它在“else”之后停止执行“if”语句时。请帮忙。

http://jsfiddle.net/nxaFG/

【问题讨论】：

这段代码没有循环。您到底希望在这里发生什么？在执行if 块或else 块之后，该处理程序应该完成。虽然我不确定动画（这需要时间）将如何在 mousemove 事件中发挥作用......
请将 DOM 添加到您的小提琴中。没有它可以选择的#gridline1 - 没有任何动画。
在这种情况下，左右递增似乎不起作用。我不知道为什么，我很抱歉。为什么不像 jsfiddle.net/7UCxc 那样减少 if 块的左值？
@sof 您的解决方案有效，至少在 Chrome 中有效。只需确保将鼠标向右移动足够远。

标签： javascript jquery loops if-statement

【解决方案1】：

我不确定您使用的是什么 HTML 或 CSS，效果也可能取决于这些。但是，我认为您可以将right:'+=1' 替换为left:'-=1'。这是一个工作示例：http://jsfiddle.net/katylava/kagnr/

【讨论】：

@lavallee 是的，这几乎可以解决问题，谢谢！ :)