将值传递给jQuery中的函数答案

【问题标题】：Passing a value to a function in jQuery将值传递给jQuery中的函数
【发布时间】：2013-10-07 11:16:58
【问题描述】：

我希望你明白我的意思，因为我发现很难正确地提出这个问题。我对 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})

【问题讨论】：

你可以为你的问题创建 jsfiddle 吗？
嗨，Saranya，感谢您的评论。好吧，这不是我在代码中遇到的问题，我只是完全坚持开始，所以我不确定 jsFiddle 在这种情况下是否会有所帮助。我试图尽可能好地解释这个问题，我可以再试一次。在我发布的代码中，容器旋转到 150 度（我认为它的度数）现在我需要一段新的 else\if 代码来检查 div 位置是在 150 度还是在 0 度。我只是不知道如何将该值传递给 else\if 语句。希望这能解决我的问题！
你能分享一些你想要实现的视觉参考吗？
是的，当然。 luukvanaggelen.com/test/test2.html 这是网站。尝试单击主页和信息，以及左侧的主页按钮。那是我添加到网站的功能。我现在尝试在 PREVIOUS 和 NEXT 按钮（“Vorige”和“Volgende”）上添加的功能。为了完成这项工作，我想实现一个 else\if 语句来检查 div 是否打开，或者仍然为 0。我唯一不知道的是如何将该值传递给 else\if 语句。 :(

标签： javascript jquery html css parameter-passing

【解决方案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)');    
});

更新：

那么你可能会寻找这个：
只需将容器 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--;})

【讨论】：

我有一个可以工作的插件，它可以做到这一点，这不是如何旋转的问题，旋转是有效的。它只是一个一般的 jQuery 问题。在我发布的代码中，容器被旋转到 150（我认为它的度数）。这一切都在起作用。但是我需要一段新的 else\if 代码来检查 div 位置是在 150 度还是在 0 度。（示例代码中的值）我只是不知道如何将该值传递给 else\if 语句。
我的英雄！奇迹般有效！非常感谢

【解决方案2】：

您想检查 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 );
});

【讨论】：