jquery - 如何在使用 jquery .show 显示之前将 css 应用于内联列表

Question

基本上我正在尝试创建一行“单元格”(只是一个黑色方 block 或白色方 block 的图像，具体取决于它的 id)。问题是，当单击按钮时，会生成“行”列表并在没有应用 css 的情况下向用户显示一小段时间，然后应用 css 并正确显示。有没有办法反过来做，先应用 css，然后显示表格？

CSS

    ol, li { display: inline; margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; }
    img { margin: 0 0 0 0; padding: 0 0 0 0; }

查询

            $('#generateTbl').hide();
        $('#generateBtn').click(function () {
                showCellConfiguration();
        });

        var showCellConfiguration = function () {
            loadCells($('#numOfCells').val());
            $('#generateTbl').show('slow', function () { });
        }

        var loadCells = function (numOfCells) {
            for (var i = 0; i < numOfCells; i++) {
                $("#row").append('<li><img id="cellOff" class="buttons" src="off.jpg" /></li>');
            }
        }

HTML

<table id='generateTbl'>
    <tr><td><ol id="row"></ol></td></tr>
</table>

Answer 1

var loadCells = function (numOfCells) {
            for (var i = 0; i < numOfCells; i++) {
                var item = $('<li><img id="cellOff" class="buttons" src="off.jpg" /></li>');
                item.ready(function() {
                    $("#row").append($(this));
                });

            }
        }

希望能成功