Question

我想让我的表行作为链接工作。我在SO上找到了一些答案，说明了如何做，但由于某种原因，我的代码无效。任何人都可以帮我找到导致它不起作用的原因吗？感谢。

我试过看了 Making a table row (tr) clickable with jQuery (with an a href link, and hover!?) 和 how to get selected table row values using jquery? 到目前为止。

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>X</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <style>
        tr {
            margin:2px;
            padding:10px;
            display:block;
            background:#EEE;
            cursor:pointer;
        }
        tr:hover {
            background:#BBB;
        }
        </style>
    </head>
    <body>


    <script>

    $("tr").click(function() {
      window.location.href = $(this).attr("href");
    });

    </script>

<table class="tbl">
    <tr class=clickableRow href="http://www.zombo.com">
        <td>2014</td>
        <td>ACADIA</td>
        <td>SLE-2</td>
    </tr><tr class=clickableRow href='http://www.xkcd.com'>
        <td>2014</td>
        <td>ACADIA</td>
        <td>Denali</td>
    </tr><tr class=clickableRow href='http://www.legit_url_not_fake_at_all.com'>
        <td>2014</td>
        <td>ACADIA</td>

 ....
 (SNIP)

感谢。

Answer 1

使用Document.ready：

<script>
    $(document).ready(function(){
        $("tr").click(function() {
          window.location.href = $(this).attr("href");
        });
    });
</script>

获取表格行作为链接

1 个答案: