改變css JQuery不起作用

Question

我正在嘗試在HTML中更改類的CSS。 我已經很久沒有掙扎了，而且我沒有得到我做錯的事。 （我已經嘗試了很多版本，但沒有發生任何事情）

例如：我想在以下html上更改行高：

game.html

<div class="game">
<ul class="each" data-bind="foreach: {data: rows, as: 'row'}">
    <li class = "li">
        <ul class="row" data-bind="foreach: {data: row.beads, as: 'bead'}">
            <li class="bead" data-bind="
            currentSide: left,
            drag: bead.drag.bind(bead),
            ></li>
        </ul>
    </li>
</ul>

app.css

.row {position: relative;
max-width: 3000px;}

game.html

$( document ).ready(function() {
    var windowHeight = $( window ).height();
    var rowHeight = windowHeight/5;
    $('.row').css('max-width', rowHeight);
});

Answer 1

<li class="bead" data-bind="
            currentSide: left,
            drag: bead.drag.bind(bead)">//Missing closing ", Avoided extra ,

和

$('.row').css('max-width', rowHeight + "px");//Add `px`

演示小提琴

Answer 2

$( document ).ready(function() {
    var windowHeight = $( window ).height();
    var rowHeight = windowHeight/5;
   $('.row').css('max-width', rowHeight + 'px');
});

這個做得好。!!!

你必須附加px：

$（'。row'）。css（'max-width'，rowHeight +'px'）;

Answer 3

這不起作用： $('.row').css('max-width', rowHeight);

這將： $('.row').css({maxWidth: rowHeight + 'px'});

Answer 4

你在做：

$('.row').css('max-width', rowHeight); // outputs 100

你必須附加px ：

$('.row').css('max-width', rowHeight + 'px'); // outputs 100px

Answer 5

要更改行的高度

$('.row').css('max-width', rowHeight);

需要是

$('.row').css('max-height', rowHeight + 'px');

您需要將px附加到值並將max-width更改為max-height

你需要改變這個錯字： -

drag: bead.drag.bind(bead),

至： -

drag: bead.drag.bind(bead)"