jquery.switchButton在多个数据表页面上

时间:2014-10-09 12:48:11

标签: javascript php jquery jquery-ui datatable

我使用jQuery的Datatable插件和jQuery的switchButton插件,如下所示:

<table id="test-list" class="cell-border" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Enabled ?</th>
        </tr>
    </thead>
    <tbody>
    <?php for ($i=0; $i<100; $i++) { ?>
        <tr>
            <td>
                <input type="checkbox" class="enable-disable" name="enable-disable" value="<?php echo $i; ?>" checked />
            </td>
        </tr>
    <?php } ?>
    </tbody>
</table>

这是javascript代码:

$(document).ready(function () {
    // format datatable
    $('#test-list').dataTable({
        "scrollCollapse":   true,
        "paging":           true,
        "info":             false,
        // other fields
        // ...
    });

    // format checkboxes as switch buttons
    $('.enable-disable').switchButton();

    // others
    // ...
});

问题是:数据表第一页上的所有复选框都已正确格式化(切换按钮类型),但是当我转向其他页面时(从第二页到结束页面),复选框没有格式化(传统类型)

0 个答案:

没有答案