在视口中显示当前div

时间:2014-09-26 10:00:13

标签: javascript jquery html ajax infinite-scroll

我是jQuery的新手,我正在尝试实现infinte滚动,所以当我到达页面末尾时,我能够触发对后端的ajax调用。我还想知道viewport中可见的当前div,以便我也可以发出ajax调用。 LEts说我有6个div

<div id="test">
            Some content here
<div>
    <div id="test1">
        more content here
    </div>
    <div id="test2">
        more content here again
    </div>

如果我的光标在向上滚动时到达第2个div,我想发出ajax调用,同样对于3rd div和1st div也是如此。我太天真了,所以我可能会问一个愚蠢的问题,但请原谅我。

1 个答案:

答案 0 :(得分:1)

试试这个

$("div").mouseover(function(){
    $id = $(this).attr("id"); //retrieve id, e.g. test, test1, test2, etc
    //if ajax call by switch case
    switch($id){
        case "test":
            //ajax code
            break;

        case "test1":
            //ajax code
            break;
    }
    //or directly ajax
    $.ajax({...});
    //or so on
});

希望这能帮到你