Bootstrap表 - 无法在tr上添加click事件

时间:2014-10-25 22:22:18

标签: javascript jquery twitter-bootstrap

我正在使用Bootstrap表(http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html

我正在尝试添加点击事件

$('tr').click(function(){ console.log('test'); });

但它不起作用。我知道bootstrap-table库中有事件,但对我来说,使用jQuery的.click非常重要。你知道什么在bootstrap-table源代码中阻止了这个事件?我试图从bootstrap-table.js中删除所有“.off”,但它没有帮助。

3 个答案:

答案 0 :(得分:26)

我认为您可以使用onClickRowclick-row.bs.table事件而非tr点击事件,此处是documentationexamples

代码示例:

// Fires when user click a row
$('#table').bootstrapTable({
    onClickRow: function (row, $element) {
        // row: the record corresponding to the clicked row, 
        // $element: the tr element.
    }
});

// or
$('#table').on('click-row.bs.table', function (e, row, $element) {
    // console.log(row, $element);
});

(我是Bootstrap Table的作者,希望能帮到你!)

答案 1 :(得分:4)

试试这个

 $('table').on('click', 'tr' , function (event) {
    console.log('test');

            });

答案 2 :(得分:0)

我已尝试使用此代码,获取值成功找到td(td:eq(1))。

        $('#tbname').on('change', 'tr' , function (event) {
            if($('.selected')){
                kode =$('.selected').closest('tr').find('td:eq(1)').text();
                $("input").val(kode);
           }