Javascript 按钮不显示

Javascript 按钮不显示,javascript,jquery,datatables,Javascript,Jquery,Datatables,我不熟悉JQuery数据表,但我认为我遵循了关于如何添加按钮的指南。显示X条记录的数量现在消失了,但按钮不在那里。这是我的代码,需要修改什么才能显示按钮 这是我的代码-但我只是注意到我得到了一些错误,该死 buttons.flash.min.js:31 Uncaught TypeError: Cannot read property 'version' of undefined at buttons.flash.min.js:31 at buttons.flash.min.js:

我不熟悉JQuery数据表,但我认为我遵循了关于如何添加按钮的指南。显示X条记录的数量现在消失了,但按钮不在那里。这是我的代码,需要修改什么才能显示按钮

这是我的代码-但我只是注意到我得到了一些错误,该死

buttons.flash.min.js:31 Uncaught TypeError: Cannot read property 'version' of undefined
    at buttons.flash.min.js:31
    at buttons.flash.min.js:8
    at buttons.flash.min.js:8
(anonymous) @ buttons.flash.min.js:31
(anonymous) @ buttons.flash.min.js:8
(anonymous) @ buttons.flash.min.js:8
buttons.html5.min.js:11 Uncaught TypeError: Cannot set property 'pdfMake' of undefined
    at buttons.html5.min.js:11
    at buttons.html5.min.js:8
    at buttons.html5.min.js:8
(anonymous) @ buttons.html5.min.js:11
(anonymous) @ buttons.html5.min.js:8
(anonymous) @ buttons.html5.min.js:8
jquery-3.4.1.js:10091 Uncaught TypeError: url.indexOf is not a function
    at jQuery.fn.init.jQuery.fn.load (jquery-3.4.1.js:10091)
    at script.min.js,qver=2.4.5.pagespeed.ce._4ES8o_qKT.js:1

var信息=;
log(JSON.stringify(信息[0]);
$(文档).ready(函数(){
$(“#我的表”).dataTable({
数据:信息,
栏目:[
{数据:'EmpName'},
{数据:'NumSales'},
{ 
数据:“总销售额”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”),
},
{ 
数据:“每月销售额”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”),
},
{ 
数据:“2个月销售额”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”),
},
{ 
数据:“3个月销售额”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”),
},
{ 
数据:“4个月销售额”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”),
},
{ 
数据:“5个月销售额”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”),
},
{ 
数据:“6个月销售额”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”),
}
],
dom:'Bfrtip',
按钮:[
“复制”、“csv”、“excel”、“pdf”、“打印”
]
});
});
```

如前一篇文章所述(已删除),您共享了与Jquery数据表相关的所有javascript和css文件

实际上,您的链接包含不完整/错误的HTML链接标记。下面引用了您的一些错误:

使用固定链接运行下面的代码段

var信息=[
{“EmpName”:“老虎尼克松”,“纽姆萨莱斯”:100,“总销售额”:100,“每月销售额”:100,“每月销售额”:100,“每月销售额”:100},
{“EmpName”:“老虎尼克松”,“纽姆萨莱斯”:100,“总销售额”:100,“每月销售额”:100,“每月销售额”:100,“每月销售额”:100},
{“EmpName”:“老虎尼克松”,“纽姆萨莱斯”:100,“总销售额”:100,“每月销售额”:100,“每月销售额”:100,“每月销售额”:100}
]
$(文档).ready(函数(){
$('#示例')。数据表({
dom:'Bfrtip',
按钮:[
“复制”、“csv”、“excel”、“pdf”、“打印”
],
数据:信息,
栏目:[
{数据:“EmpName”,标题:“EmpName”},
{ 
数据:“NumSales”,
标题:“NumSales”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”)
},
{ 
数据:“总销售额”,
标题:“TotalSales”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”)
},
{ 
数据:“每月销售额”,
标题:“每月销售”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”)
},
{ 
数据:“2个月销售额”,
标题:“2个月销售”,
render:$.fn.dataTable.render.number(“,”,“,”,2,“$”)
}
]
} );
} );


我认为您缺少jszip.js和pdfmake.js。请参阅我关于给定代码段链接的解释帖子我在consonle中遇到此错误,当我尝试上面的示例时
jquery Uncaught TypeError:e.indexOf不是script.min.js的w.fn.init.w.fn.load(jquery.min.js:2)中的函数,qver=2.4.5.pagespeed.ce.\u 4ES8o_qKT.js:1
OK-进一步分析后,问题似乎与我需要使用的jquery版本有关。@Hottomals至少解决了您缺少的按钮问题。你可以试试。在某些情况下,每晚的构建版本都有bug修复。实际上,似乎DataTables需要运行的jquery版本和WordPress中的标准jquery文件不能很好地结合在一起。
<script type="text/javascript">
var information = <?php echo json_encode($data) ?>;
console.log(JSON.stringify(information[0]));
$(document).ready(function () {
    $('#my-table').dataTable({
        data: information,
        columns: [
            { data: 'EmpName' },
            { data: 'NumSales' },
            { 
              data: 'TotalSales', 
              render: $.fn.dataTable.render.number(",", ".", 2, '$'),
             },
            { 
              data: 'LMonthSales',
              render: $.fn.dataTable.render.number(",", ".", 2, '$'),
            },
            { 
               data: '2MonthSales', 
              render: $.fn.dataTable.render.number(",", ".", 2, '$'),
            },
            { 
               data: '3MonthSales', 
              render: $.fn.dataTable.render.number(",", ".", 2, '$'),
             },
            { 
               data: '4MonthSales', 
              render: $.fn.dataTable.render.number(",", ".", 2, '$'),
            },
            { 
              data: '5MonthSales', 
              render: $.fn.dataTable.render.number(",", ".", 2, '$'),
            },
            { 
               data: '6MonthSales',
              render: $.fn.dataTable.render.number(",", ".", 2, '$'),
            }
        ],
        dom: 'Bfrtip',
        buttons: [
           'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });
});
</script>```
<script type="text/javascript" charset="utf8" script
src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"</script>
<script type="text/javascript" charset="utf8"
src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>