jQuery函数重复调用

Question

我正在使用以下代码来隐藏和显示表单

$(document).ready(function() {
    $("#form_before_launch").click(function(){
        $(this).animate({height:"300px" ,width:"400px"});
        $(this).children("p").animate({fontSize:"35px"});
        $("#form").delay(500).fadeIn();
    })

    $("#close").click(function(){
        $(this).animate({height:"0px" ,width:"0px"});
    })
});

以下代码适用于form_before_launch，但是一旦我点击带有'close'id的div元素，就会调用#close函数，然后再调用#form_before_launch。

Answer 1

如果元素在form_before_launch内，事件当然会传播给两个处理程序。

$("#close").click(function(){
    $(this).animate({height:"0px" ,width:"0px"});
    return false;
})

Answer 2

尝试将“e”传递给关闭点击事件，然后调用e.stopPropagation()，以便事件不会冒泡，由封装的form_before_launch元素处理。