jquery事件冒泡,阻止事件冒泡

jquery事件冒泡,阻止事件冒泡

项目案例分析

<a href="#" class="btns_photo_edit" id="editAvatar"> <em class="icon_user ic_edit_a"> </em>修改</a><div class="pop_UpPhotoBox" id="avatarPop" style="display:none;">    <em></em>    <div>        <ul>            <li></li>            <li></li>            <li></li>            <li></li>        </ul>    </div></div>

jquery文件

<script>     /**     * 点击隐藏修改文件的弹框     */    var e = e || window.event;     function stopPropagation(e) {        if (e.stopPropagation)            e.stopPropagation();        else            e.cancelBubble = true;    }    $(document).bind('click', function (e) {        $('#avatarPop').css('display', 'none');        stopPropagation(e);    });    $('#editAvatar').bind('click', function (e) {        stopPropagation(e);    });    $('#avatarPop').click(function (e) {        stopPropagation(e);    });</script>