Question

滑出没有问题我只有幻灯片的问题没有显示，我认为它没有捕获他们的第一个IF宽度等于0px。对不起，我真的很喜欢jQuery。

CODE：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#ShowHideComment").click(function(){
        if ($(".iframe_comment").width() == "0px"){
            $(".iframe_comment").animate({width: "800px"}, {queue:false, duration:1000});
        }
        else{
            $(".iframe_comment").animate({width: "0px"}, {queue:false, duration:1000
           });
        }
    });
});
</script>

Answer 1

来自the docs：

所有动画属性都应设置为单个数值
的动画

你不是在这里处理CSS属性值，而是使用普通整数。

$(document).ready(function(){
    $("#ShowHideComment").click(function(){
        var $comment = $(".iframe_comment");
        if ($comment.width() == 0){
            $comment.animate({width: 800}, {queue:false, duration:1000});
        }
        else{
            $comment.animate({width: 0}, {queue:false, duration:1000});
        }
    });
});

另外see width()：

.css(width)之间的区别而.width()就是后者返回无单位像素值

Answer 2

.width()返回数值。这一行if ($(".iframe_comment").width() == "0px") 应该 if ($(".iframe_comment").width() == 0)

问题滑入/退出JQuery

2 个答案: