如何使引导表行可点击？

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

Answer 1

使用jQuery是相当简单的。 v2.0使用所有表上的table类。

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

Answer 2

有一个JavaScript插件 ，将此function添加到引导。

当包含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

该代码将任何具有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 4

我向你展示我的模式窗口的例子…你创build你的模态，并给它一个ID然后在你的表中，你有tr部分，只是广告你看到下面的第一行（不要忘记设置在第一行像这个

 <tr onclick="input" data-toggle="modal" href="#the name for my modal windows" > <td><label>Some value here</label></td> </tr> 

Answer 5

 <tr height="70" onclick="location.href='<%=site_adres2 & urun_adres%>'" style="cursor:pointer;"> 

Answer 6

可能是你试图附加一个函数，当表行被点击。

 var table = document.getElementById("tableId"); var rows = table.getElementsByTagName("tr"); for (i = 0; i < rows.length; i++) { rows[i].onclick = functioname(); //call the function like this } 

Answer 7

你可以用这种方式使用引导CSS。 只要删除了活动类，如果已经分配到任何行，并重新分配给当前行。

  $(".table tr").each(function () { $(this).attr("class", ""); }); $(this).attr("class", "active");