如何使用jquery更改div填充百分比？

Question

我正在使用responsive窗口播放視頻。

.player-window { 
    position: relative; 
    padding-bottom: 42%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 

我想爲每個點擊的視頻更改padding-bottom %。這是我試過的猜測。它不起作用，但我認爲它清楚我想要做什麼。

$('.thumbnail').on('click', function() { 
    $('.player-window').css(padding - bottom: '50%'); 
    $('.player-window').html('embedded video'); 
}); 

Answer 1

您可以使用或

$('.player-window').css('padding-bottom','50%'); 

或

$('.player-window').css({'padding-bottom':'50%'}); 

文檔http://api.jquery.com/css/

Answer 2

，除非你引用它不能在一個對象的屬性文字使用-。請使用camelCase或引用該屬性。

$('.player-window').css({paddingBottom: '50%'}); 

或

$('.player-window').css({'padding-bottom': '50%'});