如何在网页中合并 javascript(s)？

Question

我的网站包含以下内容：

 ...

 <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
 <script src="//cdn.datatables.net/responsive/1.0.6/js/dataTables.responsive.js"></script>

我需要将这些脚本合二为一：

 <script>$(document).ready(function() {$('#cccr').DataTable( { "order": [[ 0, "desc" ], [2,"asc"], [1,"asc"]], "aaSorting": [], "bPaginate": false, "bLengthChange": true, "bFilter": true, "bSort": true, "bInfo": true, "sPaginationType": "full_numbers", "sScrollY": "25rem",  "bStateSave": false, "autoWidth": true });} );</script>

 <script>$(document).ready(function() {var oTable = $('#cccr').dataTable();oTable.fnFilter( 'parry' );} );</script>

 <script>$(document).ready(function() {new $.fn.dataTable.Responsive( table );} );</script>

问题是我希望页面能够响应并且将响应式 js 调用代码分开会搞砸一切。我怎样才能安全地组合这些线路？（最好是 w/o "$(document).ready".

Answer 1

像这样

<script>   
$(document).ready(function() {
  $('#cccr').DataTable({
    "order": [
        [0, "desc"],
        [2, "asc"],
        [1, "asc"]
    ],
    "aaSorting": [],
    "bPaginate": false,
    "bLengthChange": true,
    "bFilter": true,
    "bSort": true,
    "bInfo": true,
    "sPaginationType": "full_numbers",
    "sScrollY": "25rem",
    "bStateSave": false,
    "autoWidth": true
});
 var oTable = $('#cccr').dataTable();
            oTable.fnFilter('parry');
  new $.fn.dataTable.Responsive(table);
 });
 </script>

如何在网页中合并 javascript(s)？

How can I combine javascript(s) in web page?

javascript

datatables