4

タブを作成するための次のコードがあります。これは、html本文セクションの最後で機能しますが、すべてのdivが定義される前の最初に配置した場合は機能しません。なぜそうなのか？

<script type="text/javascript">
    $("ul.tabs li.label").hide();
    $("#tab-set > div").hide();
    $("#tab-set > div").eq(0).show();
  $("ul.tabs a").click(
    function() {
        $("ul.tabs a.selected").removeClass('selected');
        $("#tab-set > div").hide();
        $(""+$(this).attr("href")).show();
        $(this).addClass('selected');
        return false;
    }
  );
  $("#toggle-label").click( function() {
    $(".tabs li.label").toggle();
    return false;
  });
</script>
4

3 に答える 3

10

DOM がまだ準備できていないため、それらが存在しない可能性があります。

したがって、次のことを行う必要があります。

$(function() {
    // Any code in here will only be executed when the DOM is ready.
});
于 2009-07-07T15:47:25.520 に答える
5

ドキュメント対応ブロックでラップする必要があります。これにより、ページが完全に読み込まれるまでコードが実行されなくなります。

<script type="text/javascript">
    $(function() {
      // do something on document ready
      $("ul.tabs li.label").hide();
      $("#tab-set > div").hide();
      $("#tab-set > div").eq(0).show();
      $("ul.tabs a").click(
        function() {
          $("ul.tabs a.selected").removeClass('selected');
          $("#tab-set > div").hide();
          $(""+$(this).attr("href")).show();
          $(this).addClass('selected');
          return false;
        }
      );
      $("#toggle-label").click( function() {
        $(".tabs li.label").toggle();
        return false;
      });
    });
</script>
于 2009-07-07T15:47:55.427 に答える
0 
jQuery(function($) {
    // put your code in here and it will be executed
    // when the document has fully loaded.
});
于 2009-07-07T15:50:14.003 に答える