javascript - 如何在一页中放置多个数据表？

Question

您好，我正在进行 Intranet 开发，我在 4 个不同的表中使用 DataTable，但只有一个工作正常，我该如何改变这种情况？

PHP 页面(有一些葡萄牙语单词):

https://pastebin.com/xutdL6bc

这是 JavaScript 文件

$(document).ready(function() {
    $('#example').dataTable();
} );

如果我更改表格的类别，“美感”将不起作用

Answer 1

更新

我查找了 API，找到了讨论拥有两个表的文档。他们根据这些表的类别来实现这一点。所以在你的情况下它将是 table.beauty:

$(document).ready(function() {
    $('table.beauty').DataTable();
} );

然后获取具有所需类的表:

<table id="" class="beauty" cellspacing="0" width="100%">

有关更多文档，请查看 their docs 。它包含您开始使用代码所需的所有信息。

<小时/>

不，不会，因为在您当前的代码中，更改类绝对不会执行任何操作，因为您是通过元素的 id 调用该元素(#example)。您正在通过 ID 值调用 jQuery 元素:#example。实际上，如果您希望按类应用代码，则必须更改 JavaScript。

// only the element with the id of example
$(document).ready(function() {
    $('#example').dataTable();
} );

如果您想基于类，请将#更改为.。看起来像:

// any element with the class of example
$(document).ready(function() {
    $('.example').dataTable();
} );

<小时/>

注意:您的代码使用的是已弃用的mysql函数，我知道您并没有问这个问题；但如果你正在学习 PHP，我建议你学习使用 Mysqli或PDO将会更加有益。