Question

I’m trying to run two pieces of code within the $(document).ready(function() { of jquery. But the code :

$.ajax({
    url: 'getallurls'
});

is not being called when I add :

$('#example').dataTable({
    "sPaginationType": "full_numbers"
});  

To :

$(document).ready(function() {

    $('#example').dataTable().makeEditable({
        sDeleteURL: "/deleteRow"
    });

    $('#example').dataTable( {
         "sPaginationType": "full_numbers"
    }); 

Here is the complete code snippet :

$(document).ready(function() {

    $('#example').dataTable().makeEditable({
        sDeleteURL: "/deleteRow"
    });

    $('#example').dataTable({
        "sPaginationType": "full_numbers"
    }); 

    $.ajax({
        url: 'getallurls', ...............   
    });
});

Answer 1

You are making two calls to .dataTable(), which it won’t like. Try this:

$(document).ready(function() {

    $('#example').dataTable({
        sPaginationType: "full_numbers"
    }).makeEditable({
        sDeleteURL: "/deleteRow"
    });

    $.ajax({
        url: 'getallurls'   
    });
});

Demo: http://jsfiddle.net/jtbowden/cfJys/