兩個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'); 
    }); 
    }