[英]“'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.