如何在 DataTable 子行中使用 jQuery 返回 div

Question

I have a problem when returning a div using jQuery. The attached code below works only until the first display of childRow content, unfortunately not later. This is probably due to returning an item with the same ID, does anyone have an idea how else to return this div?

Script

function format () {
    return $('#myDiv');
}

(document).ready(function() {
    var table = $('#myTable').DataTable( {
       // table settings
    } );

    $('#myTable tbody').on('click', 'td', function () {
        var tr = $(this).closest('tr');
        var row = table.row( tr );

        if ( row.child.isShown() ) {
            row.child.hide();
        }
        else {
            row.child( format() ).show();
        }
    } );
} );

myDiv

div(id="myDiv" class="container"){
//some images
//some java bean references
}

Answer 1

I was able to solve the problem by changing the Javascript library files, according to the example