在PHP页面中使用JQuery显示/隐藏

Question

我在下面有这个代码。我试图显示/隐藏#info id之间的所有内容。单击按钮时没有任何反应。我哪里错了？

echo '<script>
      $( "#show' . $row['id'] . '" ).click(function() {
      $( "#info' . $row['id'] . '" ).first().show( "fast", function showNext() {
      $( this ).next( "#info' . $row['id'] . '" ).show( "fast", showNext );
      });
      });

      $( "#hide' . $row['id'] . '" ).click(function() {
      $( "#info' . $row['id'] . '" ).hide( 1000 );
      });
      </script>';

echo '<tr><th><button id="show' . $row['id'] . '">Show</button></th>
      <th><button id="hide' . $row['id'] . '">Hide</button></th>';

echo '<div id="info' . $row['id'] . '"><td>L O L</td></div></tr>';

Answer 1

在DOM之前调用脚本 - 元素存在。你有一些控制台日志/错误？尝试先添加元素，然后添加脚本标记