2015-01-05 88 views
0

請看看在這裏我想要達到的div後面的DIV:http://jsfiddle.net/3m6r7ud2/4/如何獲得我點擊

我有以下的HTML頁面,看起來像這樣:

<div class="page_conatiner" id="page1"> 
    <img src=$file1> 
<div class="page_conatiner" id="page2"> 
    <img src=$file2> 
<div class="page_conatiner" id="page3"> 
    <img src=$file3> 

等等。

我也有一個固定的按鈕,顯示了懸停:

<div class="rotate_button" id="rotate_left" ></div> 
    <div class="rotate_button" id="rotate_right" ></div> 

這是我使用jQuery:

$(document).on("click", ".rotate_button", function(){ 
    var direction = $(this).attr("id"); 
    var page_num = ? 
    rotate_file(page_num,direction) 
}) 

的按鈕在頁面上的固定位置,並顯示在懸停。當點擊這個按鈕時,我想得到哪個divdiv後面,同時點擊 ,這樣我就可以知道我需要旋轉哪些頁面。

我該怎麼做?

+3

歡迎來到SO。所以你應該看看如何提出一個很好的問題:http://www.stackoverflow.com/help/how-to-ask你應該*至少*向我們展示一些相關的代碼,但更好:把它放到一個js小提琴使我們更容易排除故障 – Todd

+0

這些div不可鍵盤訪問。你應該使用真正的'

+0

嗨,我已經添加了我使用的jquery,但我認爲我所有的相關代碼是在問題.. thx! –

回答

1

首先,我不確定你要做什麼動畫,但可能會有一個jQuery小部件,它可以做你想要的東西。 IDK。引導程序很方便,但也許所有的引導程序都比你想要的要多:。

要回答你的問題:我會設置一個變量的地方,跟蹤當前頁面的數量。在頁面加載時將其設置爲0(或1,如果這是第一個頁面編號),然後在您的點擊處理程序中,將它加1。然後確保當它變得足夠高時重新將其重置爲0(或1)重新開始。這是否回答你的問題?

+0

我推薦了我的問題,請看我的jsfiddle,thx –