Question

好的，所以我试图让我的Bootstrap悬停表与DataTable一起工作。
我希望使用更多属于DataTable的强大功能。
据我所知，这就是我们所需要的：

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="../DataTables-1.10.2/media/js/jquery.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://www.asp.net/ajaxLibrary/CDNjQueryDataTables194.ashx"></script>

<script type="text/javascript">
/* Table initialisation */
    $(document).ready(function() 
    {
        $('#sourceTable').dataTable();
    });
</script>

然后当然有一个带有id＆＃39; SourceTable＆＃39;：

的表格

<div class="panel-body">
    <div class="table-responsive">
        <table class="table table-hover display" cellspacing="0" id="sourceTable">
            <thead>
                ........
            </thead>
            <tfoot>
                ........
            </tfoot>
            <tbody>
                ........
            </tbody>
        </table>
    </div>
</div>

这里肯定有问题，因为“源表”中没有任何DataTable功能可供使用。表

有人可以帮忙吗？

提前致谢

/麦克

编辑：JsFiddle：http://jsfiddle.net/9ayq0rk7/

Answer 1

好的，这是jsfiddle的工作。您没有正确加载脚本。从cdn链接加载所需的脚本/ css，而不是完整的页面URL。

Working demo

变化：

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://www.asp.net/ajaxLibrary/CDNjQueryDataTables194.ashx"></script>

要：

<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>

DataTable不会使用Bootstrap启动

1 个答案: