Waypoints.js文件包含问题

Question

我有代码来抓取滚动事件并移动一些div。问题是document.ready（）函数没有引入js文件。它只会在页面调整大小时被拉入。这是我的JS：

$(document).ready(function(){
    var tabContainerHeight = $('.tabContainer').outerHeight(true);
    var origTblWidth;
    console.log('inside ready func');
    $('#origTbl').waypoint({
        handler: function(event, direction) {
        if(direction === "down"){
            origTblWidth = $('#origTbl').width();
            $('#tHeader').addClass('sticky');
            $('#tHeader').width(origTblWidth);
            $('.sticky').css('top', tabContainerHeight);
            $('#tHeader').removeClass('elHide');
        }else{
            $('#tHeader').addClass('elHide');
            $('#origTbl tr:first-child').removeClass('sticky');
        }
        console.log('waypoint reached');
    }
  });

  $(window).on('resize', function(){
      origTblWidth = $('#origTbl').width();
      $('#tHeader').width(origTblWidth);
  });
});

第一个控制台消息显示在页面加载但第二个不显示。仅在页面上重新调整大小才会显示第二条消息。有什么想法吗？