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`

Demo Fiddle

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)"

改变css JQuery不起作用

5 个答案: