jQuery addClass仅在刷新页面（应用和消除模糊）后才能工作

Question

我的代码如下：

jQuery(document).ready(function() {
  jQuery('.menutwo').on('click', function() {
    jQuery('.bg, header').addClass('blurfilter');
    jQuery(".pop-up").fadeIn("fast", function() {
      jQuery('.pop-up').addClass('pop-up-active');
    });
});
  jQuery('.btn-close, .bg').on('click', function() {
    jQuery('.bg, header').addClass('blurfilter-inactive');
    jQuery(".pop-up").fadeOut("fast", function() {
      jQuery('.pop-up').removeClass('pop-up-active');
    });
  });
});

我认为是（document）.ready这是问题吗？ 按钮“ menutwo”应该使背景和该弹出窗口后面的内容模糊。关闭弹出窗口时，将消除模糊。但是，这仅在第一次时有效。我必须刷新网站才能使其重新运行。

我尝试使用Google谷歌搜索，但实际上无法正常工作。有人可以解释这个问题并提出解决方案吗？谢谢！