Deux fonctions de fermeture de popup jQuery

Question

J'essaye de faire une fonction de fermeture de popup jQuery. Mais j'ai deux zone différente de popup lightbox. Le problème est que la première fonction de fermeture de popup ne fonctionne pas mais la deuxième fonction de fermeture de popup fonctionne.

First jQuery cliquez lien étroit est ne fonctionne pas:

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

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

Second jQuery cliquez lien étroit est travail:

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

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

Tout mon code jQuery est ici:

$(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

Vous avez close_box() défini deux fois. Vous écrasez la première définition. Donnez-leur différents noms et cela devrait fonctionner. J'ai changé votre premier à 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'); 
    }); 
    }