デフオルトでjQueryでdivコンテンツをロード

Question

ページロードに#destiny2を表示したいと思います。 #destiny2には、テキストと画像、3つのカテゴリの他のコンテンツが含まれています。私はそれを表示するためにカテゴリ要素をクリックする必要があります - ページロード後（最初のカテゴリを表示する）をクリックせずに最初のコンテンツを表示し、現在動作するようにカテゴリ名をクリックした後に他の2つのカテゴリのコンテンツを表示する必要があります。

私は$window(onload)がそれを修復する必要があります確信しているが、それは私のために動作しません...

これは私のコードです：

if($(response).hasClass('one')){ 
    $('.ajax-destiny #destiny1').empty(); 
    var odp = $('.ajax-destiny #destiny2').empty().append(response).parent().addClass('height'); 
    $(odp).find('.one > #cont').append($('#information').html()); 
} else { 
    $('.ajax-destiny #destiny2').empty(); 
    $('.ajax-destiny #destiny1').empty().append(response).parent().addClass('height'); 
} 

Answer 1

$window(onload) - それも正しい構文ではありません、

window.onload = function() 
    { 
     // code to display #destiny2 
    };` 

ただし、これは最善の方法ではありません。私はそれが非難されていないかどうかわからない...

あなたが試すことができるものは$(document).ready(...)、実際に私の好む方法です。 構文があります：

$(document).ready(function() { 
    // code to display #destiny2 
}; 

では、JavaScriptファイル、あなたの開始時に、それを追加します。これにより、ドキュメント全体がロードされた後に表示されるので、要素が表示される前に要素を表示しようとするのを避けることができます。 Documentation here.