無法讀取未定義的jQuery/JavaScript的財產「頂」在Chrome和Firefox的

Question

如何修復的錯誤行：

var targetTop = $('#' + page).offset().top; 

我想過去的3個月，但仍然沒有找到一個解決。

$(document).ready(function(){ 
    $(window).scroll(function() { 
     $('.page').each(function() { 
      changePage(this.id); 
     }); 
    }); 
}); 

function changePage (page) { 
    var position = $(window).scrollTop(); 
    var targetTop = $('#' + page).offset().top; 
    var targetBottom = targetTop + $('#' + page).height(); 
    if (position >= targetTop && position < targetBottom && !$('#' + page).hasClass('active')) { 
     console.log('id: ' + page); 
     $('.page').removeClass('active'); 
     $('#' + page).addClass('active'); 
     $('iframe').attr('src', '<?=SITE_URL?>upload_files/collection/TS.pdf#page=' + page[page.length - 1]+'&zoom=45&toolbar=0&navpanes=0'); 
    } 
} 

Answer 1

$('#' + page)不返回任何元件，這意味着$('#' + page).offset()返回undefined。

您無法獲得undefined的.top屬性。

顯然，用'#' + page創建的選擇器不正確。

原因可能是在changePage(this.id);中未定義的id。