jquery window.click 第一次不工作

Question

此处页面:http://webpages.marshall.edu/~glasser1/jquery.html

我正在尝试复制旧的 Twitter 页面登录样式。如果用户单击“登录”，它应该打开一个框供他们登录，如果他们再次单击“登录”，它应该隐藏自己。此外，如果用户单击“登录”框内部，那没关系，该框应该保留，但如果用户单击框外部，它应该隐藏自己。

我无法解释的是，如果您的第一次点击是“登录”文本，而第二次点击是登录框，则该框会在不应该隐藏的情况下隐藏。但是，只有在您前两次点击时才会发生这种情况。在最初的点击之后，一切都按预期进行。

这是代码:

$("#logoncontent, #loginerror, #success").hide();
$(window).load(function(){
    //click "sign in" to toggle login box
    $("#signincontainer").click(function(e){
            $("#logoncontent").slideToggle(400);
            //stop prop from reaching parents up dom tree
            e.stopPropagation();
            // return false so that the click of "sign in" doesn't also trigger the $(window).click function below
            return false;
    });
    //if there is a click in the window
    $(window).click(function(){
        //if that click in the window was INSIDE of the box, break out of this function
        $("#logoncontent").click(function(){
            //breaking out of function
            return false;
        });
        //if the click was outside of box, slide content up
        $("#logoncontent").slideUp(400);
    });
});     

同样，您可以在此处测试页面:http://webpages.marshall.edu/~glasser1/jquery.html

提前致谢，如果您无法重现该错误，请告诉我。正如我所说，如果这不是您的前两次点击，它就会起作用。

鲍勃·G

Answer 1

您的问题如下:

$(window).click(function(){
    //this part means that on the first click this handler is assigned
    $("#logoncontent").click(function(){
        //breaking out of function
        return false;
    });
    //if the click was outside of box, slide content up
    $("#logoncontent").slideUp(400);
});

你需要移动

    $("#logoncontent").click(function(){
        //breaking out of function
        return false;
    });

在窗口的加载处理程序内部，而不是在单击处理程序中。现在的情况是，登录内容的单击处理程序仅在第一次窗口单击时分配，这解释了您的问题仅在第一次发生的事实。