2013-10-07 113 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); 
});