在通过jQuery.load（）加载外部元素后，可以滚动到锚点吗？

Question

的情况是这样的：从一个RSS feed

• 链接到我的网站http://website.com/#anchorelement
• 我想跳/滚动至#anchorelement

然而，#anchorelement使用jQuery.load()后装http://website.com/已准备就绪。因此，使用链接http://website.com/#anchorelement不会跳转到#anchorelement，因为该元素在执行跳转时尚未加载。

有没有人有关于如何使这项工作的任何建议？是否有可能拦截与JavaScript的锚跳，并让它等到jQuery.load()呼叫完成？

谢谢！

Answer 1

$(function(){ 
    // so this is inside your document ready function. 
    // you need to add a callback 
    $(somecontainer).load('somecontent', function(){ 
    // after the content has been loaded 
    // check if a hash is present in the location 
    if(window.location.hash != ''){ 
     // find an element with matching id 
     var anchor = $(location.hash).get(0); 
     // if element was found scroll it into view 
     if(anchor){ anchor.scrollIntoView() } 
    } 
    }); 
}); 

Answer 2

如果你有多个内容加载，加载它每一个使用回调函数之一，如果你想在其中一人，通话功能上的最后一个回调滚动滚动。

$(function() 
{ 
    //Get the hash and load your content 
    var hash = location.hash.replace('#', ''); 
    loadLocationContent(hash); 
}); 

function loadLocationContent(hash) 
{ 
    $('container1').load("someContent1", function(){ 
    $('container2').load("someContent2", function(){ 
     $('container3').load("someContent3", function(){ 
     $('container4').load("someContent4", scrollToHashAfterContentLoad(hash)); 
     }); 
    }); 
    }); 
} 

function scrollToHashAfterContentLoad(hash, contentId) 
{ 
    if (hash != '') 
    { 
    $('html, body').animate({ scrollTop: $('#' + hash).offset().top }, 2000); 
    } 
}