Question

我正在尝试拥有一个包含两个选项的框，我希望它在我选择选项2时单击选项1并在右侧设置动画和淡出时向左设置动画和淡出。不幸的是，它只是向左和向上动画，而不是我想要的。（也没有动画底部）。我该怎么做才能解决这个问题。

$(document).ready(function () {
$(".appIMG2").one('click.appIMG2', function() {
    $('.appIMG1, .appIMG2').unbind('click');
    $('#app1').animate({
        right: "250px",
        opacity:0
    });
    $("#app3").fadeIn("slow");
    });
});

#app1{
position:absolute;
width:250px;
height:250px;
z-index:10;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
background:white;
box-shadow: 0 0 1px 1px #888888;
text-align:center;
}

我假设这与我如何宣布＃app1,2和3的边距有关，但我无法弄明白。

http://jsfiddle.net/7tgJC/

Answer 1

首先要说你最好还是在显示你的HTML - 最好是在小提琴中。

我相信你看到的是Fade-in / Animate的预期和默认行为。如果您想要在不同方向上使用FadeIn / Animate，可以使用带有jQuery Slide库的direction参数的jQuery UI。

<script>
$('#examplediv').hide("slide", { direction: "right" }, function() {
   //Some Code.
});
</script>

但实际上你最好删除这些边距，看看这个Fiddle没有边距：http://jsfiddle.net/SMrcy/4/它的动画效果正确。

动画正确，或不起作用

1 个答案: