0

我希望你明白我的意思，因为我发现很难正确地提出这个问题。我对 jQuery 相当陌生，我在我的网站中使用 jQuery 来旋转 DIV，以便显示底层 DIV。它运行良好。现在我唯一想要的是 PREVIOUS 和 NEXT 按钮。我想按以下方式执行此操作；例如，如果 container2 旋转位置不等于 0，则跳过该位置并检查下一个 div 的旋转位置，因此它知道哪个 div 仍为 0，然后可以旋转以显示底层 div。（它有点像一本书）。我知道 if\else 语句是如何工作的，我唯一遇到的麻烦是将学位传递给 if else 语句。这是我的语句现在的示例代码。我尝试创建一个变量，但我把它弄得一团糟，但我似乎仍然无法让它工作。我希望有一个人可以帮助我。这是我现在使用的示例代码。

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

2 回答 2

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--;})
于 2013-10-07T11:57:28.893 回答
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 );
});
于 2013-10-07T12:33:52.760 回答