Question

我有一个名为“ 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>

Answer 1

在完成身体操作之前，在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>

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

1 个答案: