Bootstrap2数据表下一个先前的图像未加载

Question

我在我的应用程序中使用bootstrap2，现在我在我的应用程序中强制使用数据表。我在此site中提到了所有方式，就像我添加了像这样的js

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
$.extend( $.fn.dataTableExt.oStdClasses, {
    "sWrapper": "dataTables_wrapper form-inline"
} );
                var oTable = $('#example').dataTable( {
"sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",
                    "bProcessing": true,
                    "sAjaxSource": "sources/test1.json",
                    "aoColumns": [
                        { "mData": "message" },
                        { "mData": "number" },
                        { "mData": "time" },
                        { "mData": "reason" }
                    ]
                } );
            } );
        </script>

以及css文件中的这些行

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
}

table.table thead .sorting { background: url('images/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }

table.table thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }

但是之前的下一个和1,2,3 ..还没有到来。请看截图 只显示上一个和下一个。请告诉我我错过了什么？

Answer 1

将分页从<Prev|Next >更改为<Prev|1|2|3|4|5|Next>需要设置额外的sPaginationType: "full_numbers"参数。

如果您查看Bootstrap example（link）背后的javascript代码，您会看到作者实际为特殊bootstrap分页类型添加了一些自定义代码。
我会留给您阅读/测试代码并决定是否应将其包含在您的页面中，或者只使用常规full_number设置。