javascript - jquery when clicked outside the div close the div

Question

What actually I get is given in: http://jsfiddle.net/y9uwY/7/

What I want:

1. if user click on black area then nothin should happen
2. clicked outside the black area must be closed

Answer 1

今すぐフィドルを試してください http://jsfiddle.net/y9uwY/9/

$('.select_roles').click(function (e){
    e.stopPropagation();
                 if($(this).hasClass('active')){
                 }
                 });

            $('body').click(function (){
                 if($('.select_roles').hasClass('active')){
                     $('.select_roles').removeClass('active');
                 }
            });

Answer 2

このフィドルを試してみてください。bodyタグはメイン要素のサイズにしかならない.select_rolesため、幅と高さを 100% に設定すると、非表示のクリック可能な領域が得られます (これは msot ブラウザーで機能し、もう少し可能にするために、パディングも追加する価値があります）。これは単純に to を設定します.select_rolesが、クラスを削除する領域の外側をクリックすると todisplay:none;のクラスで始まります。.activedisplay:block;.active

フィドル: http://jsfiddle.net/y9uwY/3/