JQuery Div在点击功能中没有动画答案

【问题标题】：JQuery Div not animating in click functionJQuery Div在点击功能中没有动画
【发布时间】：2011-03-03 08:02:23
【问题描述】：

我有以下代码，我试图在点击事件上设置 div 动画，但由于某种原因，div 会立即移动到该位置并且它没有动画到指定的坐标，我在这里做错了什么？代码：

$(文档).ready(函数() { $('#example1').click(function(e){ var x = e.pageX - this.offsetLeft; var y = e.pageY - this.offsetTop; $('#example1-xy').html("X:" + x +" Y:" + y); var leftOfShip = x; //var leftOfShip = document.getElementById("ship").style.left + 20; $("#ship").animate({left: $("#ship").css("left",leftOfShip)},5000); }); });

任何建议都会有所帮助！

【问题讨论】：

标签： jquery click

【解决方案1】：

你打错了animate。

改成

$("#ship").animate({ left: leftOfShip }, 5000);

【讨论】：

那么你应该通过点击空心检查来接受这个答案。

【解决方案2】：

我认为动画功能仅适用于“数字”参数。

以下内容：

$("#ship").animate({left: $("#ship").css("left",leftOfShip)},5000);

应该是：

$("#ship").animate({left: "500px", 5000);

【讨论】：

【解决方案3】：

问题是你的动画调用：

$("#ship").animate({left: $("#ship").css("left",leftOfShip)},5000);

需要成为：

$("#ship").animate({left: leftOfShip}), 5000);

您可以在一个非常简单的模型中使用http://www.jsfiddle.net/7yNM4/ 的一些代码。

【讨论】：