javascript - Jquery 动画不工作

Question

我已经制作了一个反馈表。我添加了一些 jquery 代码以使其具有动画效果，但它不起作用...

feedback_label 是按钮。当我单击按钮时，它应该向左移动 150px。但它没有移动。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>

任何想法。

Answer 1

您的 Javascript 末尾有一个额外的 }); 。这是非法语法，会导致代码停止工作。 See jsFiddle of your broken code .

但是，如果删除它，它将起作用( jsFiddle )。