当前位置：首页 → 问答吧 → 以下代码为什么不能实现简单的动画？

以下代码为什么不能实现简单的动画？

时间：2009-07-13

来源：互联网

代码片段：
<style>
#panel {
    position:relative;
    width:100px;
    height:100px;
    border:1px solid #0000ff;
    background:#ff0000;
    cursor:pointer;
}
</style>

<div id="panel" >
</div>

$("#panel").click(function(){
    $(this).animate({left: "500px"},3000);
});

点击这个div，在3秒内右移500px，没问题，ok！
可是我这样写为什么不可以，如下：

css不变，我要实现按了button后右移500px，为什么不可以？？？
<div id="panel" >
</div>
<input type="button" id="submit_button" value="提交" />

$("#submit_button").click(function(){
    $(”#panel“).animate({left: "500px"},3000);
});
有写错吗？大虾指点一下，谢谢了先

作者: gundumw100 发布时间: 2009-07-13

突然发现，animate函数在firefox中失效的，我在IE中却可以，郁闷ing
我用的是firefox3.0，不知道大家在firefox中运行如何？？？

作者: gundumw100 发布时间: 2009-07-13

我又发现，animate函数只有在$(this).animate(...)的时候Firefox才有效（也就是只有自己click，自己animate的时候才有效），只要不是$(this).就没什么效果，IE都可以。
奶奶的，这样麻烦了，看来IE了要用。

该死的验证问题！！！谁想出来的馊主意！！！杀！

作者: gundumw100 发布时间: 2009-07-14

楼主没有你说说的问题哈
不知道你用是哪个版本的jquery
我用的是最新的1.32

作者: wdlaogui 发布时间: 2009-07-14

我测试没问题

你的Firefox的问题，检查是否关闭JavaScript了＝＝

此外，引号你用的是全角

作者: keakon 发布时间: 2009-07-14

你那后面的代码是不是要放在script标签里面？

作者: mike_zhao 发布时间: 2009-07-14

引用

引用第5楼mike_zhao于2009-07-14 08:36发表的 :
你那后面的代码是不是要放在script标签里面？

放在script标签里面了都

作者: gundumw100 发布时间: 2009-07-14

引用

引用第4楼keakon于2009-07-14 08:15发表的 :
我测试没问题

你的Firefox的问题，检查是否关闭JavaScript了＝＝

此外，引号你用的是全角

JavaScript没有禁用，引号好像没问题，我只要不animation就能运行javascript

作者: gundumw100 发布时间: 2009-07-14

我搞定了，只要return false;就没事了

$("#submit_button").click(function(){
$(”#panel“).animate({left: "500px"},3000);
return false;
});

不过还是接的奇怪，为什么IE不用return false;就可以了？
大家后面跟return false;的吗？？？

作者: gundumw100 发布时间: 2009-07-14

还有，要想一个元素移动必须指定position:relative;

作者: gundumw100 发布时间: 2009-07-14

position不为static（默认值）就行了

我没有return false，照样能用

作者: keakon 发布时间: 2009-07-14