javascript - Jquery 单击可见元素处理程序之一

Question

当我的模态窗口可见时，当我单击#screen或#loading_modal时，我需要隐藏这个div，但是我该如何做到这一点，以及如何正确编写它，现在我的代码无法工作，而且我对两个对象(#screen，#loading_modal)有相同的...我是 js 新手，如何重构此代码，并使其正常工作...？

  if ($('#screen').is(':visible')) {
    $("#screen").click(function() {    
      $('#screen').hide();
      $('#loading_modal').hide();  
    });
     $("#loading_modal").click(function() {    
      $('#screen').hide();
      $('#loading_modal').hide();  
    });
  } 

Answer 1

这里不需要if语句，您可以简单地使用:

$('element:visible').click(function() { ... })

所以:

$("#screen:visible").click(function() {    
    $(this).hide();
    $('#loading_modal').hide();  
});
 $("#loading_modal:visible").click(function() {    
    $('#screen').hide();
    $(this).hide();  
});

如果这些函数要执行相同的任务，您只需使用:

$("#screen:visible, #loading_modal:visible").click(function() {    
    $('#screen').hide();
    $('#loading_modal').hide();  
});