2011-12-12 90 views
0

你好,我有一些问题understading Jquery的API - 尤其是动画功能:jQuery的动画功能,试图设置高度和宽度

$('#clickme').click(function() { 
    $('#book').animate({ 
    width: ['toggle', 'swing'], 
    height: ['toggle', 'swing'], 
    opacity: 'toggle' 
    }, 5000, 'linear', function() { 
     $(this).after('<div>Animation complete.</div>'); 
    }); 
}); 

现在我要插入的宽度值:这是在API描述100%和100%的高度......但这不工作......任何人都可以帮助我的语法?

$('#clickme').click(function() { 
    $('#book').animate({ 
    width:'100%'['toggle', 'swing'], 
    height:'100%' ['toggle', 'swing'], 
    opacity:'toggle' 
    }, 5000, 'linear', function() { 
     $(this).after('<div>Animation complete.</div>'); 
    }); 
}); 

非常感谢!

+1

你有没有试着删除'[“切换” ,'swing']'部分?这些数组仅用于描述转换参数可能采用的可能选项。 – Lapple

回答

2

'100%' ['toggle', 'swing']是一个语法错误。在数组中,第一个元素告诉jQuery如何调整该值,第二个元素是缓动函数。如果你想保持swing宽松的功能,你可以使用

width: ['100%', 'swing'], 
height: ['100%', 'swing'], 

另外,如果你想使用默认的宽松,仅指定'100%'

width: '100%', 
height: '100%',