显示dialog框，点击页面其他地方dialog如何隐藏

显示dialog框，点击页面其他地方dialog如何隐藏

<h4 class="pull-left">子账号：<span>Join</span> <a class="selectothersubaccouts" href="javascript:;">选择其他子账号</a></h4>

37          <input type="hidden" name="current_uid" id="current_uid" value='[e-mail]' />

38          <div id="jobmanagerlist" class="popup" style="display:none; position:absolute;margin-left: 99px;margin-top: 26px;">

39             <div class="modal changeinterview_dialog feedback_dialog">

40                <div class="topsj"></div>

41                   <div class="modal-header clearfix">

42                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

43                     <a href="<?php echo OC_Helper::linkToRoute("company_subaccounts");?>" class="btn btn_feedback">创建子账号</a>

44                     <h3 class="songti">选择其他子账号</h3>

45                   </div>

46                <div id="jobmanagerlistbody" class="modal-body medium"></div>

47             </div>

48          </div>

 

 

 

$(document).ready(function(){

2         $('.rep_summaryrep').on('click','.selectothersubaccouts',function(){

3            var target = $(this);

4            $('#jobmanagerlistbody').html('');

5            $("#jobmanagerlist").show().position({

6          my:"left-13 top",

7          at:"left bottom+9",

8          of:target

9       });

10           $.ajax({

11          type: 'GET',

12          url: OC.filePath('jobposition', 'ajax', 'getjobmanagerlist.php'),

13          data: {dir:'reports',uid:$('#current_uid').val()},

14          cache: false,

15          beforeSend: function(xhr, settings) {

16             if(!showLoading($('#jobmanagerlistbody')))

17                return false;

18          },

19          success: function(result){

20             if (!isLoggedIn(result, target)) {

21                window.location = redirect_url;

22                return;

23             }           

24             $('#jobmanagerlistbody').html(result);

25          }

26       });

27         })

28    

29    $("#jobmanagerlist").on("click", ".close", function() {

30       $("#jobmanagerlist").hide();

31    })

 

32    $(document).bind('keydown', function(event) {

33       if(event.keyCode == 27) {

34          $(".popup").hide();

35          return true;

36       }

37    });

38

39    $(document).bind('mousedown', function(e){

40       e = $.event.fix(e);

41       var otarget = $(e.target);

42       if(otarget.closest(".popup").length>0) {

43          if(otarget.hasClass("closediv")) {

44             otarget.closest(".popup").hide();

45             return true;

46          }

47          return true;

48       }    

49       // close all popup that no need keep and dropdown by open class

50       $('.popup').not('.keepopen').hide().closest('.dropdown.open').removeClass('open');

51       return true;

52    });

})