如何将两个$(document).ready回调与jQuery结合起来?

时间:2015-07-18 02:58:11

标签: javascript

是否可以将这两个JavaScript $(document).ready函数组合在一起?如果是这样,怎么样?

代码1:

$(document).ready(function() {
    $('#example').dataTable( {
        "scrollY": 280,
        "scrollX": true,
        "pagingType": "simple",
        dom: 'T<"clear">lfrtip',
        tableTools: {
            "sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf"
        }
    });
});

代码2:

$(document).ready(function() {
    var table = $('#example').DataTable();
    var tt = new $.fn.dataTable.TableTools( table );
    $( tt.fnContainer() ).insertBefore('div.dataTables_wrapper');
});

2 个答案:

答案 0 :(得分:1)

你应该能够做到这一点

$(document).ready(function() {

 var table = $('#example').DataTable();
 var tt = new $.fn.dataTable.TableTools( table );

 $( tt.fnContainer() ).insertBefore('div.dataTables_wrapper');


    $('#example').dataTable({

        "scrollY": 280,
        "scrollX": true,
        "pagingType": "simple",
        dom: 'T<"clear">lfrtip',
        tableTools: {
            "sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf"
        }



//End of document.ready
}); 

希望这有帮助。

答案 1 :(得分:0)

我假设您在询问是否可以将第二个ready()内的代码移动到第一个ready()中,因此您只能拨打$(document).ready(function() { $('#example').dataTable( { "scrollY": 280, "scrollX": true, "pagingType": "simple", dom: 'T<"clear">lfrtip', tableTools: { "sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf" } }); var table = $('#example').DataTable(); var tt = new $.fn.dataTable.TableTools( table ); $( tt.fnContainer() ).insertBefore('div.dataTables_wrapper'); } ); 一次?是的,它看起来像这样。

UIView