javascript - jQuery - 在其他 UI 更改完成后进行 UI 更改

Question

$("#login").toggle("drop", {direction: "left"});在完全完成之后我将如何执行......做$("#register").toggle("drop", {direction: "right"});。因为DIVS它们不是浮动的，同时它们在它们之间相互堆叠drop。

Answer 1

JQuery 切换可以采用作为回调的第二个参数，将第二个 UI 更改放入该回调中。

$(document).ready(function(){

    $('#switch-to-login').live("click",function(){

        $("#login").toggle("drop", {direction: "left"}, function() {
           $("#register").toggle("drop", {direction: "right"});
        });

        });

Answer 2

使用回调：

$("#login").toggle("drop", {direction: "left"}, function(){
        $("#register").toggle("drop", {direction: "right"});
});

Answer 3

像这样的东西：http: //jsfiddle.net/FzsZS/

我在 iPad 上，所以我不得不重做所有代码等。对此感到抱歉。