关于jQuery出现的新添加元素点击事件无效

$('.chooseAddress-show').on('click',function(){
                $(this).next().slideDown('slow');
                console.log(1);
            });

开始我是这样写的事件绑定，然后创建新的元素

 $('#address-btn').on('click',function(){
                var inLocation = document.getElementById('in-location').value;
                var inName = document.getElementById('in-name').value;
                var inPhone = document.getElementById('in-phone').value;
                var result = '<li>'+
                        '<div class="chooseAddress-show">'+
                            '<div class="chooseAddress-mouren">'+ '</div>'+
                            '<div class="chooseAddress-msg">'+
                                '<p>'+ '<span class="icon icon-location">'+ '</span>'+'<span id="chooseAddress-location">'+inLocation+'</span>'+'</p>'
                                +'<p>'+'<span class="icon icon-person">'+'</span>'+'<span class="chooseAddress-username">'+inName+'</span>'+'<span class="chooseAddress-phone">'+inPhone+'</span>'+'</p>'
                            +'</div>'                            
                        +'</div>'
                        +'<div class="chooseAddress-menu">'+
                            '<ol>'+
                                '<li>'+'<a href="">'+"默认地址"+'</a>'+'</li>'+
                                '<li>'+'<a href="">'+"修改"+'</a>'+'</li>'+
                                '<li>'+'<a href="">'+"删除"+'</a>'+'</li>'+                                
                            '</ol>'+
                        '</div>'+
                    '</li>';
                console.log(result);
                $('.chooseAddress-wrap ul').append(result);
            });

发现点击没有效果。

解决办法是前边的绑定点击事件这样写

$(document).on('click','.chooseAddress-show',function(){
                $(this).next().slideDown('slow');            
            })

这样点击效果就出来了。

顺便提下，如何就可以点击这个div之外的地方才能触发事件，代码如下：

$(document).on('click', function(e) {
                var e = e || window.event; //浏览器兼容性   
                var elem = e.target || e.srcElement;  
                while (elem) { //循环判断至跟节点，防止点击的是div子元素   
                    if (elem.className && elem.className == 'chooseAddress-show') {  
                        return;  
                    }  
                    elem = elem.parentNode;  
                }  
                $('.chooseAddress-menu').slideUp();                
            });