jquery - 如何使用CSS变换实现两个多步表单，每边一个表单

Question

我正在尝试创建一个对象，它的一侧有一种形式，另一侧有另一种形式。除此之外，每个表单都有多个步骤。

您可以在 https://dl.dropboxusercontent.com/u/2986690/test/test2.html 查看它的运行情况 我已经设法让第一种形式的 CSS 转换正确，但在第二种形式中(当你点击“你是 parking 寻求者吗？”时触发)，当我点击“下一步”时它不会移动到下一步。

知道我做错了什么吗？

Answer 1

问题是您所有的滚动函数都引用了“front”类，但第二种形式使用了“back”类。例如，这是 scroll_left_4 函数:

function scroll_left_4(){
    $(".front>div:eq(0)").stop().animate({"margin-left":"-375px"},220);
}

您需要为第二种形式创建等效函数，执行如下操作:

function scroll_left_4b(){
    $(".back>div:eq(0)").stop().animate({"margin-left":"-375px"},220);
}

或者更改代码，使其同时前后滚动。