2013-10-07 177 views
0

我希望你明白我的意思,因爲我發現很難正確地制定問題。我對jQuery相當陌生,我在我的網站中使用jQuery來旋轉DIV,以便顯示底層的DIV。它的工作完美。現在我唯一想要的是PREVIOUS和NEXT按鈕。我想這樣做,如下所示;如果例如容器2的旋轉位置不等於0,然後跳過該位置並檢查下一個div的旋轉位置,以便知道哪個div仍然爲0,然後可以旋轉,以便底層div顯示出來。 (它就像一本書)。我知道\ else語句如何工作,唯一的麻煩是將度數傳遞給if語句。這是我的語句現在的樣子的示例代碼。我試圖創建一個變量,但我做了一個完整的混亂,但我似乎無法使其工作。我希望有一個人可以幫助我。這是我現在使用的示例代碼。將值傳遞給jQuery中的函數

$(".homeclick").click(function(){ 
    $("#container2").rotate({animateTo:150}) 
    $("#container").rotate({animateTo:0}) 
+0

你能爲你的問題創造的jsfiddle? –

+0

嗨Saranya,謝謝你的評論。那麼它在我的代碼中遇到的問題並不多,我只是完全停留在開始,所以我不確定jsFiddle會在這種情況下起作用。我試圖儘可能地解釋這個問題,我可以再試一次。在我發佈的代碼中,容器旋轉到150(我認爲它的度數)現在我需要一個新的else \ if代碼來檢查div位置是在150還是0度。我只是不知道如何將該值傳遞給else \ if語句。希望這個清除我的問題一點! –

+0

你能分享一些你想要達成的目標嗎? –

回答

2

你看起來像這樣嗎? http://jsfiddle.net/sjUQe/

$(".homeclick").click(function(){ 
    $("#container2").css('-webkit-transform', 'rotate(150deg)'); 
    $("#container2").css('transform', 'rotate(150deg)'); 
    $("#container").css('-webkit-transform', 'rotate(0deg)'); 
    $("#container").css('transform', 'rotate(0deg)');  
}); 

< ----------------------------------------- ------>
更新:

,那麼你可能會找這樣的:
只是重命名容器ID,以container1 container2的......等等,然後

var max_container = 2; 
var min_container = 0; 
var container = 1; 
    $(volgende).click(function(){if (container < max_container) $(('#container'+container)).rotate({animateTo:150});container++;}) 
    $(vorige).click(function(){if (container > min_container) $(('#container'+container)).rotate({animateTo:0});container--;}) 
+0

我有一個工作的插件,工作,並做到這一點,這不是一個如何旋轉,旋轉工作的問題,它只是一個普通的jQuery問題在代碼中我發佈的容器旋轉到150(我認爲它的度數),這是所有的工作,但我需要一個新的else \如果代碼,檢查div位置是在150度還是在0度(示例代碼中的值)我只是不知道如何通過這個值給else \ if語句。 –

+0

@ luuk-van-aggelen看看我的更新回答。 – Sijav

+0

我的英雄!像一個魅力一樣!非常感謝 –

0

您要檢查一些狀態在您的dom樹上確定哪個節點當前處於「活動」狀態。

的常用方法是一類添加到節點:

function rotate($oldActive, $newActive){ 
    $oldActive.removeClass('active').rotate({animateTo: 150}); 
    $newActive.addClass('active').rotate({animateTo: 0}); 
} 

$('#next').click(function(){ 
    var $old = $('.active'); 
    var $new = $old.next(); 
    rotate($old, $new); 
}); 

$('#prev').click(function(){ 
    var $old = $('.active'); 
    var $new = $old.prev(); 
    rotate($old, $new); 
});