父子关系的两个div都绑定了click,点击下面的就激活了上面的click,如何控制

父子关系的两个div都绑定了click,点击上面的就激活了下面的click,怎么控制?目的:做一个文章列表,ajax添加

父子关系的两个div都绑定了click,点击上面的就激活了下面的click,怎么控制?
目的:做一个文章列表,ajax添加了内容的基本机构是这样的<ul>年<li>月<ul><li>日</li></ul></li></ul>,要实现的功能是点击年出现月的列表,点击月出现日的列表,因为内容都是ajax添加,我用live绑定了年和月的click事件。问题如下:点击年出现了月列表,这是正常的,但点击月的时候,同时激发了父级年的click事件,日的列表一闪就没了,又变成了点击年后出现月的样子。这个问题有没有好的解决办法?


$(function() {
    var date_type = "";
    get_li();
    function get_li() {
        $.ajax({
            type : "post",
            dataType : "html",
            url : "member/content_li.php",
            data : {
                q_id : $("#qid").html(),
                date_type : date_type
            },
            success : function(res_year) {
                $("#date_li").html(res_year);
                var year = ""
                $(".year").live("click", function() {
                    year = $(this).html().substr(0,4);
                    $.ajax({
                        type : "post",
                        dataType : "html",
                        url : "member/content_li.php",
                        data : {
                            q_id : $("#qid").html(),
                            date_type : "year",
                            year : year
                        },
                        success : function(res_month) {
                            $("li[year=" + year + "]").html(res_month);


                            var month = ""
                            $(".month").live("click", function() {
                                month = $(this).html().substr(0,2);
                                $.ajax({
                                    type : "post",
                                    dataType : "html",
                                    url : "member/content_li.php",
                                    data : {
                                        q_id : $("#qid").html(),
                                        date_type : "month",
                                        year : year,
                                        month : month
                                    },
                                    success : function(res_day) {
                                        $("ul[month=" + month + "]").html(res_day);
                                        $(".day").live("click", function() {
                                            day = $(this).html().substr(0,2);


                                            var date = year + "-" + month + "-" + day;
                                            $.ajax({
                                                type : "post",
                                                dataType : "json",
                                                url : "member/content_li.php",
                                                data : {
                                                    q_id : $("#qid").html(),
                                                    date_type : "day",
                                                    date : date
                                                },
                                                success : back_do11
                                            })
                                        })


                                    }
                                })
                            })
                        }
                    })
                })
            }
        })
    }


[解决办法]
    $(".year").live("click", function(e) {
        e.stopPropagation();//阻止冒泡
    })
其他类似一样加上;