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

Question

我正在使用responsive窗口播放视频。

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

我想为我点击的每个视频更改padding-bottom %。 Heres是我试过的猜测。它不起作用，但我认为它清楚我想做什么。

$('.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%'});