offset() n'est pas défini "erreur"

Lors du chargement d'une page, je veux obtenir le haut du panneau. Mais il montre des erreurs.
Dans Firefox et IE sa en disant: "offset() n'est pas défini" et en Chrome de l'erreur est "Uncaught TypeError: Cannot read property 'top' undefined". S'il vous plaît Aider.

$(window).resize(function () {
    tabPanelAdjust();
});

function tabPanelAdjust() {
    var theTabPanel = $(".TabPanel");
    var tabPanelTop = parseInt(theTabPanel.offset().top);
    var winHeight = $(document).height();
    tabPanelHeight = winHeight - tabPanelTop;
    theTabPanel.css({ "min-height": tabPanelHeight - 20 });
}

<div class="TabPanel">
</div>
Êtes-vous sûr que vous êtes en train de charger jQuery? Est votre script en cours d'exécution sur le document de prêt? Ne .TabPanel existe pas, à ce stade de l'exécution?
Oui jQuery est en cours de chargement. et le Script est en vertu de document de prêt. Mais oui, .TabPanel n'existe pas au moment de l'exécution.
jQuery est en cours de chargement. et son document de prêt." Que voulez-vous dire par qui.
Édité. Je veux dire que .TabPanel n'existe pas au moment de l'exécution.
juste posté une réponse de vérifier que si cela fonctionne pour vous.

OriginalL'auteur Arpit Gupta | 2012-11-09

  1. 9

    Il n'y a rien de mal avec le code. inclure votre code dans le document de prêt de la méthode. Peut-être que votre code est déclenché avant la div est chargé.

    $(function(){
$(window).resize(function () {
  tabPanelAdjust();
});

function tabPanelAdjust() {
 var theTabPanel = $(".TabPanel");
 var tabPanelTop = parseInt(theTabPanel.offset().top);
 var winHeight = $(document).height();
 tabPanelHeight = winHeight - tabPanelTop;
 theTabPanel.css({ "min-height": tabPanelHeight - 20 });
}
});

    Voici un travail de violon:

    http://jsfiddle.net/SX5U4/

    OriginalL'auteur Never Back Down

  2. 2

    Essayez ceci: http://jsbin.com/ecumag/1/edit

    function tabPanelAdjust() {
   var theTabPanel = $(".TabPanel");
   alert(theTabPanel.offset().top);
   var tabPanelTop = theTabPanel.offset().top;
   var winHeight = $(document).height();
   tabPanelHeight = winHeight - tabPanelTop;
   theTabPanel.css({ "min-height": tabPanelHeight - 20,"background":"yellow" });
}

$(function(){

    tabPanelAdjust();

});

    et s'il vous plaît assurez-vous que vous êtes le chargement de jquery

    OriginalL'auteur Jai