2011-12-12 120 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%',