如何使引导表行可单击？[重复]

Question

我可以自己破解，但我认为bootstrap有这个功能。

Answer 1

该代码将具有data-href属性集的任何引导表行转换为可单击元素

注意：data-href属性是一个有效的tr属性（HTML5），tr元素上的href属性不是。

$(function(){
    $('.table tr[data-href]').each(function(){
        $(this).css('cursor','pointer').hover(
            function(){ 
                $(this).addClass('active'); 
            },  
            function(){ 
                $(this).removeClass('active'); 
            }).click( function(){ 
                document.location = $(this).attr('data-href'); 
            }
        );
    });
});

Answer 2

有一个javascript插件将此功能添加到引导程序中。

当包含rowlink.js时，您可以执行：

<table data-link="row">
  <tr><td><a href="foo.html">Foo</a></td><td>This is Foo</td></tr>
  <tr><td><a href="bar.html">Bar</a></td><td>Bar is good</td></tr>
</table>

表将被转换，以便可以单击整行，而不仅仅是第一列。

Answer 3

使用jQuery非常简单。v2。0在所有表上使用表类。

$('.table > tbody > tr').click(function() {
    // row was clicked
});