點擊覆蓋或關閉按鈕時關閉模式？

Question

所以我已經閱讀了我能找到的內容，但無法使其工作。

這是從插件原代碼：

// Close the modal window and overlay when we click the close button or on the overlay 
$('.close-btn').click(function() { 
    $('#overlay, .login-popup').fadeOut('300m', function() { 
     $('#overlay').remove(); 
    });  
    return false; 
}); 

我改成了這樣：

$('.close-btn, #overlay').click(function() { 
    $('#overlay, .login-popup').fadeOut('300m', function() { 
     $('.close-btn').remove(); 
    });  
    return false; 
}); 

我在這裏失去了一些東西？ 謝謝！

Answer 1

已包含在您的文件中的任何latest version of jquery首先檢查，

寫你在document.ready()

代碼試試這個，

$(function(){// document.ready shorthand 
    $('.close-btn').click(function() { 
     $('#overlay,.login-popup').fadeOut('3000',function(){//use 3000 in place of 300m 
      $('#overlay').remove(); 
     });  
     return false; 
    }); 
}); 

Live Demo

更新，如果您elements是dynamic然後使用​​like，

$(function(){// document.ready shorthand 
    $(document).on('click','#overlay, .close-btn',function() { 
     $('#overlay,.login-popup').fadeOut('3000',function(){//use 3000 in place of 300m 
      $('#overlay').remove(); 
     });  
     return false; 
    }); 
});