Question

有一天似乎什么都没有用。

我想点击表格的一行并显示警告（还有更多，但这是我所有其他问题的根本原因）。

我在Visual Studio 2017中设置了一个非常简单的测试用例;这是整个cshtml文件：

 <table id="filterTable">
        <tr>
            <td>header</td>
        </tr>
        <tr>
            <td>value</td>
        </tr>
</table>

<script>
    $(document).ready(function () {
        $('#filterTable tr').click(function () {
            alert('hello');
        });
    });
</script>

我已经尝试了十几个不同的脚本，特别是上面的变体（例如有和没有＆＃34;（文档）.ready＆＃34;部分）我似乎无法使它工作。

我已经看过这样的例子以及极其繁重的代码工作，而且我为此失败了。

我需要帮助缩小我做错的事情。

如果有任何其他信息对故障排除有帮助，请与我们联系。

Answer 1

您的代码需要jQuery库。希尔就是一个例子：

＆＃13;

    $(document).ready(function () {
        $('#filterTable tr').click(function () {
            alert('hello');
        });
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="filterTable">
        <tr>
            <td>header</td>
        </tr>
        <tr>
            <td>value</td>
        </tr>
</table>

＆＃13;

Answer 2

您需要将jquery.js添加到您的页面以使用jQuery

如果你使用本地的库外部。更好的地址链接是HTTPS://...

$(document).ready(function () {
   $('#filterTable tr').on('click',function () {
      alert('hello');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="filterTable">
   <tr><td>header</td></tr>
   <tr><td>value</td></tr>
</table>

Answer 3



        $(document).ready(function () {
            $('#filterTable tr').click(function () {
                alert('hello');
            });
        });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <table id="filterTable">
            <tr>
              <td>header</td>
<td>header</td>
<td>header</td>
            </tr>
            <tr>
                <td>value</td>
<td>header</td>
<td>header</td>
            </tr>
    </table>




    enter code here

触发表行上的单击事件

3 个答案: