jquery - jQuery フェード - ページ読み込み時に div を表示する

Question

私は単純な jquery フェードを完全に機能させています。ページを開いたときに最初の div が自動的に表示されるようにしようとしています。

現在、ページの読み込み時にコンテンツがありません

http://jsfiddle.net/Wqc9N/10/

 $(".link").click(function(e) {
      e.preventDefault();
      $('.content-container div').fadeOut('slow');
      $('#' + $(this).data('rel')).fadeIn('slow');
  });

Answer 1

これまで、このコードですべてのリンクのクリックイベントを登録しています

$(".link").click(function(e) {
    e.preventDefault();
    $('.content-container div').fadeOut('slow');
    $('#' + $(this).data('rel')).fadeIn('slow');
});

私が提案するのは、ページのドキュメント オブジェクト モデル (DOM) で JavaScript コードを実行する準備ができたら、クリックを起動することです。

だからあなたのコードでこれを試してください

$( document ).ready(function() {
    $(".link")[0].click(); 
});

フィドル

Answer 2

DOM が完全にロードされたら、.show() 関数を実行するだけです。

$(function() {
     $('#content1').show();
});

http://jsfiddle.net/Wqc9N/11/

Answer 3

試す

$('#' + $('a:eq(0)').data('rel')).fadeIn('slow');

$(".link").click(function(e) {
  e.preventDefault();
  $('.content-container div').fadeOut('slow');
  $('#' + $(this).data('rel')).fadeIn('slow');
});

フィドルのデモ

それが役に立てば幸い