Javascript 数据表don'；不能使用ajax加载的表

我在一个名为values.php的文件中有一个表，我通过ajax从index.php调用这个文件，在索引中我有datatable脚本，我在索引中编写的示例表可以工作，但通过ajax加载的同一个表不起作用。怎么了

基本项目代码

function call_table() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("content").innerHTML = this.responseText;
        }
    };
    xhttp.open("GET", "values.php", true);
    xhttp.send();
}
call_table();

PHP values.PHP

$data='
    <div class="table-responsive">
        <table id="sorting-table" class="table mb-0">
            <thead>
                <tr>
                    <th>Order ID</th>
                    <th>Customer Name</th>
                    <th>Country</th>
                    <th>Ship Date</th>
                    <th><span style="width:100px;">Status</span></th>
                    <th>Order Total</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><span class="text-primary">054-01-FR</span></td>
                    <td>Lori Baker</td>
                    <td>US</td>
                    <td>10/21/2017</td>
                    <td><span style="width:100px;"><span class="badge-text badge-text-small info">Paid</span></span></td>
                    <td>$139.45</td>
                    <td class="td-actions">
                        <a href="#"><i class="la la-edit edit"></i></a>
                        <a href="#"><i class="la la-close delete"></i></a>
                    </td>
                </tr>
                <tr>
                    <td><span class="text-primary">021-09-US</span></td>
                    <td>Jeffrey Arnold</td>
                    <td>US</td>
                    <td>07/21/2017</td>
                    <td><span style="width:100px;"><span class="badge-text badge-text-small info">Paid</span></span></td>
                    <td>$199.95</td>
                    <td class="td-actions">
                        <a href="#"><i class="la la-edit edit"></i></a>
                        <a href="#"><i class="la la-close delete"></i></a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>';

echo $data;

$data='1！'
订单号
客户名称
国家
装船日期
地位
订单总数
行动
054-01-FR
洛莉·贝克
美国
10/21/2017
支付
$139.45
021-09-US
杰弗里·阿诺德
美国
07/21/2017
支付
$199.95
';
回波数据；

仅在呈现表后将初始化代码放入ajax代码中

function call_table() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("content").innerHTML = this.responseText;
            $('#sorting-table').DataTable();        //here
        }
    };
    xhttp.open("GET", "values.php", true);
    xhttp.send();
}
call_table()

---

)

你能澄清什么不起作用吗？Ajax函数看起来不错，

values.php

中的任何内容在仔细检查下看起来都不奇怪。那么您在哪里以及如何初始化DataTables功能呢？