0

我正在尝试通过单击适当的按钮使某些项目从一个位置动画到一个新位置。即使我使用固定位置并在动画之前使用 javascript 设置位置,事情仍然会在页面结束之前发生。

Firefox 和 Webkit 浏览器打开和关闭都有不同的错误,我找不到可靠的解决方案,有人可以帮我解决这个问题吗?

$(function(){
    $("#nav li").click(function() {
        $("#nav").css({
            'left' : $(this).position().left + 'px',
            'top' : $(this).position().top + 'px'
        })
        .animate({
             'margin-top' : '-175px',
              'margin-left' : '0px',
            'left' : '10px',
            'top' : '50%',
            'height' : '370px',
            'width' : '70px'
        }, 500, 'swing');

        $("#name").css({
            'top': $(this).position().top + 'px'
        })
        .animate({
            'top' : '100px'
        } , 500, 'swing');
    });

    $("#buttona").click(function() {
        $("#a").animate({
            'opacity' : '1' ,
            'top' : '50%',
             'margin-top' : '-200px'
            }, 500, 'swing');
    });

});

http://coreytegeler.com/jg/

4

1 回答 1

0

Your use of #nav li#a and .set#a worries me. IDs must be unique, so it never makes sense to use more than just an ID in a selector. This is almost certainly the cause of your animation issues.

于 2013-08-15T23:33:24.773 回答