日期:2014-05-16  浏览次数:20311 次

父子关系的两个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) {