Невозможно прочитать свойство «сверху» неопределенной ссылки href

Question

Я основываю активный класс для ссылок в навигации по прокрутке.

function onScroll(event){ 
     var scrollPosition = $(document).scrollTop(); 
     $('.sticky-navigation-posts a').each(function() { 
      var currentLink = $(this); 
      var refElement = $(currentLink.attr("href")); 
      console.log(refElement); 
      if (refElement.position().top <= scrollPosition && refElement.position().top + refElement.height() > scrollPosition) { 
       $('.sticky-navigation-posts .title-wrapper .post-title a').removeClass("active"); 
       console.log('yes!'); 
       currentLink.addClass("active"); 
      } else { 
       currentLink.removeClass("active"); 
       console.log('no!'); 
      } 
     }); 
    } 

Когда я console.log(refElement) элемент регистрируется. Однако, если i console.log(refElement.position().top), эта ошибка выбрасывается Cannot read property 'top' of undefined. Я отлаживаю какое-то время и не могу понять это. Есть идеи? Я также попробовал обернуть refElement в $().
Весь этот код является оберткой в ​​функции $(document).ready().

Answer 1

ok Я понял, что вы имеете в виду сейчас. Тем не менее, он отлично работает для меня. Не знаете, в каком месте у вас проблема?

Я добавил console.log(refElement.position().top);, и он правильно записывается на консоль, и даже желаемое поведение работает !? http://jsfiddle.net/thesane/Dxtyu/3133/