两个jQuery弹出关闭函数

Question

我正在尝试做一个jQuery弹出关闭函数。但我有两个不同的弹出灯箱区域。问题是首先弹出关闭功能不工作，但第二弹出关闭功能正在工作。

首先jQuery的点击紧密联系工作不：

$('.kapat').click(function(){ 
    close_box(); 
}); 

$('.degistiralani').click(function(){ 
    close_box(); 
}); 

二jQuery的点击紧密联系是工作：

$('.pclose').click(function(){ 
    close_box(); 
}); 

$('.cover_change_wrap').click(function(){ 
    close_box(); 
}); 

我所有的jQuery代码是在这里：

$(document).ready(function() { 


     $('.d_button').click(function(){ 
      $('.degistiralani, .box').animate({'opacity':'.50'}, 300, 'linear'); 
      $('.alan').animate({'opacity':'1.00'}, 300, 'linear'); 
      $('.degistiralani, .alan').css('display', 'block'); 
     }); 

     $('.kapat').click(function(){ 
      close_box(); 
     }); 

     $('.degistiralani').click(function(){ 
      close_box(); 
     }); 

     }); 

     function close_box() 
     { 
     $('.degistiralani, .alan').animate({'opacity':'0'}, 300, 'linear', function(){ 
      $('.degistiralani, .alan').css('display', 'none'); 
     }); 
     } 

    $(function(){ 

     $('.b_c_d_button').click(function(){ 
      $('.cover_change_wrap, .box').animate({'opacity':'.50'}, 300, 'linear'); 
      $('.kapak_degistirme_alani').animate({'opacity':'1.00'}, 300, 'linear'); 
      $('.cover_change_wrap, .kapak_degistirme_alani').css('display', 'block'); 
     }); 

     $('.pclose').click(function(){ 
      close_box(); 
     }); 

     $('.cover_change_wrap').click(function(){ 
      close_box(); 
     }); 

     }); 

     function close_box() 
     { 
     $('.cover_change_wrap, .kapak_degistirme_alani').animate({'opacity':'0'}, 300, 'linear', function(){ 
      $('.cover_change_wrap, .kapak_degistirme_alani').css('display', 'none'); 
     }); 
     } 

Answer 1

您有close_box()定义了两次。你正在覆盖第一个定义。给他们不同的名字，它应该工作。我把你的第一个改为close_box1()

$('.kapat').click(function(){ 
     close_box1(); 
    }); 

    $('.degistiralani').click(function(){ 
     close_box1(); 
    }); 

function close_box1() 
    { 
    $('.degistiralani, .alan').animate({'opacity':'0'}, 300, 'linear', function(){ 
     $('.degistiralani, .alan').css('display', 'none'); 
    }); 
    }