Question

我希望你理解我的意思，因为我觉得很难正确地提出这个问题。我是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})

Answer 1

你看起来像这样吗？ 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)');    
});

＆LT; --------------------------------------------- - ＆GT;
更新：

那么你可能会寻找这个：
只需将容器ID重命名为container1 container2 ... etc然后

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

Answer 2

您想检查dom树上的某个状态，以确定当前哪个节点＆＃34;活动＆＃34;。

一种常见的方法是向节点添加一个类：

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

将值传递给jQuery中的函数

2 个答案: