【问题标题】:Datatables plugin working fine on localhost but not on server (CPanel)Datatables 插件在本地主机上工作正常,但在服务器(CPanel)上不工作
【发布时间】:2021-11-01 10:20:53
【问题描述】:

我一直试图让 DataTables 插件在我的网络服务器上运行,但它失败了。在本地主机上,它运行良好,但在服务器上,它显示所有记录而没有分页并说“显示 0/0 的 0 个条目”,当我尝试使用搜索功能时,我得到“没有可用的数据桌子”。 DataTables 似乎无法以某种方式识别数据。

我打开控制台检查错误,但没有发现任何错误。

我正在使用 CPanel 来处理所有事情。

以下是相关代码:

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <!-- Datatables CDN -->
    <link rel = "stylesheet" type = "text/css" href = "https://cdn.datatables.net/1.11.0/css/dataTables.bootstrap.min.css">
    <script src = "https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js"></script>
    <script src = "https://cdn.datatables.net/1.11.0/js/dataTables.bootstrap.min.js"></script>
</head>

对于表格数据,我将数据放入自己进行测试。这是一个示例:

<script>
let accountCreationData = [
            { AccountCreationEmail: 'Doomguy@doomguy.com', AccountCreationSendDate: '9/8/2021'},
            { AccountCreationEmail: 'Doomguy@doomguy.com', AccountCreationSendDate: '8/8/2021'},
            { AccountCreationEmail: 'Doomguy@doomguy.com', AccountCreationSendDate: '8/8/2021'},
............

然后我像这样构建表格:

dataHtml1 += `<tr class="notFirst"><td class = "AccountCreationClass"><div>${account.AccountCreationEmail}</div></td><td class = "AccountCreationClass"><div>${account.AccountCreationSendDate}</div></td><td><div class = "redCell"><b>&nbsp;Yes</b></div></td></tr>`;

以及 DataTables 的脚本:

<script>
$(document).ready(function() {
    $('#AccountCreationInvitationTable').DataTable({
        'ordering': false,
        'lengthChange': false,
    }); 

    $('#ActiveAccountTableTableID').DataTable({
        'ordering': false,
        'lengthChange': false,
    }); 
});
</script>

这是它在 localhost 上的样子:

这是它在网络服务器上的样子:

【问题讨论】:

    标签: javascript jquery datatables


    【解决方案1】:

    我认为问题出在我正在使用的网络服务器的配置上,这超出了我的能力范围。这是一个页面的链接,我在该页面上找到了一个可行的解决方案,如果其他人稍后遇到此问题。

    请记住,我没有解决问题。此链接只是我找到的可能解决方案的线索。

    我决定采用其他分页方法。

    https://github.com/yajra/laravel-datatables/issues/2016

    【讨论】:

    • 请在您的回答中提供更多详细信息。正如目前所写的那样,很难理解您的解决方案。
    • 那是因为我找不到解决方案。如果他们遇到与我相同的问题,我回答只是为了给其他人一个线索。经过数小时的查找,我找到了该链接。
    猜你喜欢
    • 1970-01-01
    • 2015-08-28
    • 2018-03-07
    • 1970-01-01
    • 2023-03-06
    • 2014-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多