Question

我在表格中使用可点击的行：

<tbody>
   <tr class="clickable-row data-href='url://'>
        <th>First</th>
        <th>Second</th>
        <th>Third</th>
   </tr>
</tbody>

<script>
    jQuery(document).ready(function($) {
        $(".clickable-row").click(function() {
            window.document.location = $(this).data("href");
        });
        $('[data-toggle="tooltip"]').tooltip()
    });
</script>

如何使列首先不可点击？

Answer 1

更改

$(".clickable-row").click(function() {

专门收听列，即td，而不是：

$(".clickable-row").on('click', 'td', function() {
    if (!$(this).index()) return;

!$(this).index()是一种简短的说法，＆＃34;如果点击列的索引是0＆＃34;，即第一列。

Answer 2

我希望这有帮助！

<tr class="clickable-row data-href='url://'>
        <th onclick="return false;">First</th>
        <th>Second</th>
        <th>Third</th>
</tr>

如何在可点击的行中创建不可点击的列

2 个答案: