jQuery的动画不工作

我已经做出了反馈form.i把一些jQuery代码，使其动画，但它不工作...jQuery的动画不工作

feedback_label是button.when我点击它应该移动到留下的BUTTOM 150px.But它不动。 HTML

<div id="form"> 
     <form> 
     <label for="name" >Name<span class="imp">*</span>:</label><br/><input type="text" id="name" size="50"></input><br/> 
     <label for="mail" class="l_label">Email Id<span class="imp">*</span>:</label><br/><input type="text" id="name" size="50"></input><br/> 
     <label for="website" class="l_label">Website<span class="imp">*</span>:</label><br/><input type="text" id="website" size="50"></input><br/> 
     <label for="feedback">Feedback<span class="imp">*</span>:</label><br/><textarea id="feedback" cols="36" rows="10" ></textarea><br/> 
     <input type="submit" Value="Send" style="width:280px;height:100px;"/> 
     </form> 

    </div> 
    <div id="feedback_label"><img src="feedback.png"/></div> 

    <script type="text/javascript"> 

      $("#feedback_label").click(function(){ 
      $("#form").animate({"left": "+=150px"}, "slow"); 
     }); 




    </script>

CSS：

<style type="text/css"> 
    #form 
    { 

      border:1px solid black; 
      width:300px; 
      text-align:center; 
      background-color:#353535; 
      color:#fff; 
      font-weight:bold; 
      line-height:30px; 
      margin-top:130px; 
      float:left; 
    } 
    .imp 
    { 
     color:red; 
    } 
    #feedback_label 
    { 
     margin-top:230px; 
     float:left; 
     cursor:pointer; 
    } 
    textarea 
    { 
     resize:none; 
    } 

    </style>

的想法。

来源

2011-06-01 Anish

你也可以发布你的HTML吗？我的猜测是其中一个选择器（#feedback_label或#form）不正确。它也看起来像你有一个额外的}） - 这也可以解释这个问题，因为这会打破JS。 – DNR 2011-06-01 12:15:11

我已更新我的代码.. – Anish 2011-06-01 12:16:21

使用margin-left而不是left。

或者你可以把你的整个表单放入另一个div中，然后为你刚添加的div元素添加动画。

来源

2011-06-01 12:17:42

工作!!! ...我忘了删除额外的支架jquery .. – Anish 2011-06-01 12:18:48

你有一个额外的});在你的Javascript结束。这是非法的语法，将停止代码工作。 See jsFiddle of your broken code。

但是，如果您删除它，它将工作（jsFiddle）。

来源

2011-06-01 12:19:02 lonesomeday

Thanx.i忘了它...现在它的工作... – Anish 2011-06-01 12:24:08

尝试将position:absolute;设置为您的#form。

来源

2011-06-01 12:21:05 DrStrangeLove

jQuery的动画不工作

回答

相关问题