2014-09-26 60 views
0

我對jQuery相當陌生,我試圖實現infinte滾動,因此只要到達頁面末尾,我就能觸發ajax調用。我也想知道在視口中可見的當前div,以便我也可以發出ajax調用。可以說我有6格獲取當前div在視口中可見

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

我要發出Ajax調用,如果我的光標到達第2格,而滾動起來,同爲第3次DIV和第一格也。我太天真了,所以我可能會問一個愚蠢的問題,但請原諒我。

+2

你不能給同一個ID不止一個DIV。請編輯它 – BNN 2014-09-26 10:04:14

+1

使用'class'作爲重複標識符,'id'是唯一標識符 – Alex 2014-09-26 10:05:01

+0

是啊thanx ..。 – Pulkit 2014-09-26 10:14:21

回答

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 
}); 

希望這有助於你

+0

但是如果我的鼠標我們不在divv上呢? – Pulkit 2014-09-26 10:52:04

+0

if not on mouseover,then can try this plugin and bellow code: plugin:https://github.com/teamdf/jquery-visible/ code: if($('#element')。visible(true )){ //該元素是可見的,做點什麼 } else {//元素不可見,做其他事情 } – 2014-09-26 11:15:18

相關問題