在页面加载时滚动到特定区域并执行Ajax查询

Question

美好的一天.我需要弄清楚如何在链接到页面上的特定部分后使用Ajax执行操作.我已经知道如何到达另一个页面上的指定DOM元素,但是我希望进一步使用ajax在访问者访问该点之后执行某些操作.

例如.

<nav>
 <ul><li><a href="about.php#team"></a></li></ul>
</nav>

将带我到这个about.php页面到"团队"div

<div>
 <div><a name="team"></a></div>
</div>

但是我想自动运行一些Ajax,当用户点击"team"div中的某个对象时,通常会执行这些Ajax.因此,如果用户通过上面的链接进入此部分,它将直接转到内容.那有意义吗？

Answer 1

我打算走出去,假设你正在使用jQuery animate()进行滚动:

$('html, body').animate(
    { scrollTop: $("#something").offset().top },
    1000,
    function() {
        someAjaxFunction();
    }
);

var someAjaxFunction = function() {
    $.ajax({
        url: '/something/'
    }).done(function(data) {
        // Done!
    });
};

我们使用给animate()的回调函数参数来触发我们的ajax请求.