超级链接不适用于第二行+数据表

Hyper link is not working for second row + Datatable

本文关键字：二行数据表不适用适用于超级链接更新时间：2023-09-26

我已经编写了使用datatablelib显示数据库中记录的代码。在第一次点击任何一行后，再次从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"}
                                    ]

                                } );                    
            } );

                }

尝试如下。您可以通过CCD_ 1访问当前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');
        }
    } );
} );