jQuery hide() div jusqu'à ce que complètement chargé

Je suis à l'aide des onglets en vedette post pour mon blog. Comment mettre en œuvre la div#latest-featured sera hide() puis show() en arrière une fois que le contenu complètement chargé?

$(document).ready(function() {
    //Default Action
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });
});

HTML

<ul class="tabs">
  <li><a href="#f1">Title 1</a></li>
  <li><a href="#f2">Title 2</a></li>
</ul>
<div id="latest-featured">
  <div id="f1" class="tab_content">
    <p>Content for title 1</p>
    <p>Why I want to hide the #latest-featured because.. when had image @ script here.. the tab_content will collapse all and break my design</p>
  </div>
  <div id="f2" class="tab_content">
    <p>Content for title 1</p>
    <p>Why I want to hide the #latest-featured because.. when had image @ script here.. the tab_content will collapse all and break my design</p>
  </div>
</div>

Exemple, j'ai un div avec l'id #latest-featured et je veux le cacher jusqu'à ce que le contenu est entièrement chargé, et de montrer ensuite une fois que tout est chargé.

Comment mettre en œuvre à l'actuel code ci-dessus.

Où voulez-vous utiliser #latest-featured? Je ne vois pas la moindre idée dans votre code.
ok mise à jour pour le html

OriginalL'auteur kampit | 2010-08-10

  1. 12

    Probablement le meilleur pour faire quelque chose comme ceci:

    <div id="latest-features" style="display:none;"></div>

$(function() {
    //do work
    $("div#latest-featured").show();
}

    Est généralement pas une bonne idée de cacher quoi que ce soit, par défaut, mais cela va répondre à votre exigence.

    merci chasseur.. c'est travaillé. comment peut-être fait une bonne idée?
    la question est de savoir si quelque chose mess avec votre javascript ou le navigateur ne supporte pas les js cet élément ne sera jamais montré.

    OriginalL'auteur hunter

  2. 2

    Si vous souhaitez qu'il s'affiche une fois chargé, de déclarer le CSS display: none pour que la div, et ensuite appeler $('div#latest-featured').show(); dans votre $(document).prêt de la fonction.

    OriginalL'auteur Robert

  3. 1

    Si vous souhaitez qu'il s'affiche une fois chargé, de déclarer le CSS display: none pour que la div, et ensuite appeler $('div#latest-featured').show(); dans votre $(document).ready fonction.

    Robert a répondu mieux que je ne vote sur elle, mais ne peut pas encore...cherché la solution pendant des heures et c'était le meilleur que j'ai trouvé...

    OriginalL'auteur J.B.

  4. 0

    Pourquoi ne pas juste mettre le div en display:none jusqu'à ce que vous avez chargé les données, puis retirez le display:none ... il y a beaucoup de façons de faire ce que je viens de faire mention de la tva (par exemple, jQuery .bascule(true) )

    OriginalL'auteur jcolebrand