Javascript Animate不起作用

时间:2012-02-14 22:02:17

标签: javascript jquery html

我想改变宽度或正确位置,但两者都不起作用。

这就是我在HTML文件中包含的内容(我有Jquery链接):

<script type="text/javascript">
$(document).ready(function() {
    $("#slide").click(function(){
        $('#contact-wrap').animate({
            right: '0'
        }, 500);    
    }); 
}); 
</script>

我将一个锚的id设置为“slide”,我希望名为“contact-wrap”的div从其负权限值更改为0.我猜我的JS代码是错误的。< / p>

1 个答案:

答案 0 :(得分:2)

我已经测试了你的javascript,它看起来没问题并相应地滑动了div。我的测试html,css和jscript是:

的CSS:

#contact-wrap 
{     
    height: 30px; 
    width:10px;
    border:solid 1px black; 
    display: block;
    position:absolute;right:-200px;
}


HTML:

<a id="slide">test</a>
<div id="contact-wrap"></div>


的javascript:

$("#slide").click(function(){             
    $('#contact-wrap').animate(
        { right: '0' }, 
        500);             
});