点击事件因为冒泡重复使用

$('.dj_an').click(function () {
                        if($(this).attr("xs") == "0"){
                            alert("开始添加图标");
                            $(this).attr("xs",1);
                        }else if($(this).attr("xs") == "1"){
                            alert("结束添加图标");
                            $(this).attr("xs",0)
                        }
                    });

原来是这样的    第二次点击后会触发两次；

 

$('.dj_an').unbind('click').click(function () {
                        if($(this).attr("xs") == "0"){
                            alert("开始添加图标");
                            $(this).attr("xs",1);
                        }else if($(this).attr("xs") == "1"){
                            alert("结束添加图标");
                            $(this).attr("xs",0)
                        }
                    });


----------------------------------------------------------

$('.dj_an').click(function (e) {
                        if($(this).attr("xs") == "0"){
                            alert("开始添加图标");
                            $(this).attr("xs",1);
                        }else if($(this).attr("xs") == "1"){
                            alert("结束添加图标");
                            $(this).attr("xs",0)
                        }
                        e.stopPropagation();
                    });

这两种方法都可以防止冒泡