Question

这里有一个简单的代码，但我不知道它为什么不起作用。

嗯，这是交易。当我点击一个网址时，另一个元素（“.overlay”）将其宽度设置为70％，整个（“.pagecontainer”）宽度为980px并且左右两侧的“自动”边距也将生成我窗口的左侧部分，我正在使用jquery的animate（）。然后，当我将鼠标悬停在.overlay然后省略时，整个元素将返回其默认位置，但我的问题是页面容器不会设置为其默认位置的动画。

这是我的代码。

function _openSongPelette(){

    $('body').css("overflow",'hidden');
    $('.page-container').animate({marginRight:'100%'},3000).clearQueue();
    $('.overlay').animate({width:'65%'},1000);
    //$('.wrapper').fadeTo('slow',".5");

}

$('.overlay').on("mouseleave",function(){
    $('.overlay').animate({width:'0'},1000,function(){
        $('.page-container').animate({marginRight:auto},3000);
        $('body').css("overflow",'auto');
    }).clearQueue();
});

$('.opener').on('click', function(){

    _openSongPelette();

})

我错过了这些代码吗？

谢谢，

jQuery Animate不适用于我的div

0 个答案: