繁体   English   中英

在javascript中“未定义'toggleRow'”。 找不到我的函数或将其“定义”为错误消息

[英]“'toggleRow' is not defined” in javascript. My function is not found or being 'defined' as the error message sais

我有一个名为“ toggleRow”的函数,但是当我运行应用程序时,似乎在我的标签中调用该函数时找不到该函数。 该函数应该执行的操作是,每当我单击特定行时,就会在表中展开和折叠该行。 在下面的示例中,我仅显示了其中一行。

我已经尝试了几次编写函数和函数调用部分,但是我想我缺少了一些东西。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.js"></script>

<body>
<table>
    <tr onclick="toggleRow('hidden_row1')"><td>Ankit</td><td>25</td><td>60000</td><td>Com

    puter Programmer</td></tr>
          <tr id="hidden_row1" class="hidden_row">
            <td colspan=4>Ankit is 25 years old and he is a programmer</td>
          </tr>

</table>

    <script type="text/javascript">

      function toggleRow(row)
      {
        $("#" + row).toggle();
      }
    </script>

</body>

在完成身体之前,在HTML文件的末尾声明您的JavaScript代码

 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Demo</title> <meta name="author" content="Santhosh Thottingal"> <!-- Libs --> </head> <body> <table> <tr onclick="toggleRow('hidden_row1')"><td>Ankit</td><td>25</td><td>60000</td><td>Com puter Programmer</td></tr> <tr id="hidden_row1" class="hidden_row"> <td colspan=4>Ankit is 25 years old and he is a programmer</td> </tr> </table> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function toggleRow(row) { $("#" + row).toggle(); } </script> </body> </html> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM