jQuery Datatables模拟tr单击失败

时间:2014-05-17 10:19:46

标签: jquery datatables jquery-datatables

DataTables v1.10.0:

我正在尝试在第一行模拟click事件。该表的其他方面都运行良好。我试图添加一个类而不是触发点击,它工作正常。但没有触发。

$("#v-table").on("init.dt", function() {            
        $("#v-table").find("tbody tr:eq(0)").trigger("click");              
}).DataTable({
        "pagingType": "simple"
});

点击处理程序:

$('#v-table tbody').on( 'click', 'tr', function () {            
        console.log("hello, why click thee?");
    });

2 个答案:

答案 0 :(得分:1)

在初始化完成后,您可以尝试触发点击,而不是尝试在初始化时触发点击事件:

    $("#v-table").DataTable({
            "pagingType": "simple",
            "initComplete": function() {
                   $("#v-table").find("tbody tr:eq(0)").trigger("click");
            }
    });

DataTables - initComplete

答案 1 :(得分:1)

问题是在Datatable init上,单击处理程序还没有准备好。你必须在init期间调用它:

$("#v-table").on('init.dt', function () {

  handler();
  $("#v-table").find("tbody tr:eq(0)").trigger("click");
}).DataTable({
  "pagingType": "simple"
});

function handler() {
    $('#v-table tbody').on('click', 'tr', function () {
    console.log("hello, why click thee?");
 })
};

这里是小提琴:http://jsfiddle.net/DALEc/