超鏈接不適用於第二行+數據表

Question

我已經編寫了使用datatable lib顯示來自數據庫的記錄的代碼。 在第一次單擊再次從DB讀取新記錄的任何行后，但是在單擊下一行后，它不起作用。 請提出如何克服這個問題。 代碼如下。

            function Available() {

                var table = $('#example').DataTable();
                $('#example tbody').on( 'click', 'tr', function () {
                var obj2 = table.row( this ).data();


                var country = obj2.country;
                var collect_date = obj2.collect_date;
                var param = "?country="+obj2.country+"&collect_date="+obj2.collect_date;
                console.log(country+"" +collect_date);
            //  $("a").click(function() {           
                        $('#example2').DataTable( {
                        "sAjaxSource": '/available'+param,
                    //  "data": {"country": country, "collect_date": collect_date},
                        "columns": [
                            { "data":"country1" },
                            { "data":"country2" },
                            { "data":"country3" },
                            { "data":"country4"},
                            { "data":"country5"},
                            { "data":"country6"}
                                    ]


                                } );                    
            } );


                }

Answer 1

嘗試如下。 您可以通過$(this)訪問當前TR。

$(document).ready(function() {
    var table = $('#example').DataTable();

    $('#example tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );

} );