用动画移动div

时间:2013-09-05 19:39:22

标签: javascript jquery html click

我想在点击时将div“#menu”移到一边。我正在使用此代码

  <script>
    $("#menu").click(function(){
        $("this").animate({ 
            marginLeft: "+=250px",
        }, 1000 );
    });
    </script> 

但它似乎没有做任何事情,当我将鼠标悬停在它上面时,我甚至都没有光标。我在这做错了什么?我确信这是一个简单的解决方案,我只是忽略了。

3 个答案:

答案 0 :(得分:4)

您应该使用$(this)(不带引号)。

$("#menu").click(function(){
  $(this).animate({ 
    marginLeft: "+=250px",
  }, 1000 );
});

当您使用引号时,就像您尝试匹配文档中的<this></this>元素一样。我很确定这不是你想要的:)。

答案 1 :(得分:1)

 $("this").animate({ 
        marginLeft: "+=250px",
    }, 1000 );

应更改为:

 $(this).animate({ 
        marginLeft: "+=250px",
    }, 1000 );

“this” - &gt;此

答案 2 :(得分:1)

尝试删除引号$(this)。