点击覆盖或关闭按钮时关闭模式？

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; 
    }); 
});