Question

我在defi.php中有一个带有以下AJAX调用的表单：

$('#def').submit(function (event) {
    var data = $(this).serialize();
    $.post('defidos.php', data)
            .success(function (result) {
                $('#dos').html(result);
            })
            .error(function () {
                console.log('Error loading page');
            })
    return false;
});

defidos.php具有以下表格行，其中包含一个复选框：

<tr>
    <td>
        <input type="checkbox" name="seleccion[]" value="<?php echo $id_plantilla; ?>"  /> 
    </td>
    <td>
        <?php echo $faquerynm['cve_plaza']; ?> 
    </td>
    <td>
        <?php echo $desc_cat; ?>
    </td>
    <td>
        <?php echo $faquerynm['tiempo']; ?>  
    </td>
    <td>
        <?php echo $faquerynm['situacion']; ?>  
    </td>   
    <td>
        <?php echo $div_areal; ?>
    </td>
</tr>

通话结束后，未显示复选框。

如果我把复选框放在表格之外，它就会正确显示。

Answer 1

我使用css解决了这个问题，用div创建了表。

    #container {
        display: table;
    }

    #row  {
        display: table-row;
    }

    #left, #right, #middle {
        display: table-cell;
        text-align: center;
    }

    .titulos {
        font-weight: bold;
    }

使用此复选框正确显示

AJAX调用后，复选框未在表格中显示

1 个答案: