超链接不适用于第二行+ Datatable

Question

我编写了使用数据库lib从Database显示记录的代码。 在第一次点击再次从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');
        }
    } );

} );