时间戳

首页 > 解决方案 > jQuery模式窗口不隐藏

javascript - jQuery模式窗口不隐藏

问题描述

模态窗口正在使用以下代码

$(function() {
  $('.popup-open').click(function() {
    $('.popup-fade').fadeIn();
    return false;
  });
  $('.popup-close').click(function() {
    $(this).parents('.popup-fade').fadeOut();
    return false;
  });
});

但是，该窗口会在页面重新加载时自行打开。如何解决这个问题？

我正在尝试放入visible: hiddenCSS，但如果我这样做，那么我需要使用方法(.popup-window).attr({'popup-window':'active'})。并且在这种情况下，它不会在重新加载页面后出现，而是在关闭前工作一次。即使我removeAtr从窗口中也不会调用它，并且它不再出现。

$(function() {
  $('.popup-open').click(function() {
    $('.popup-fade').attr({
      "class": "popup-fade active"
    });
    $('.popup').attr({
      "class": "popup active"
    });
    return false;
  });
  $('.popup-close').click(function() {
    $(this).parents('.popup-fade').fadeOut();
    $('.popup-fade').attr({
      "class": "popup-fade"
    });
    $('.popup').attr({
      "class": "popup"
    });
    return false;
  });
});

请帮忙。

标签： javascriptjquery

解决方案

问题是这里的模态窗口是从 bootrsap 选项更改的，也就是说，默认情况下它没有display: none; 检查谷歌浏览器中的代码构造函数注意到淡入淡出增加了窗口的透明度，我不明白为什么可见性不起作用

添加style="display: none;"样式模态

推荐阅读