时间戳

首页 > 解决方案 > 在 Chrome JavaScript 中更改样式显示属性未正确执行

javascript - 在 Chrome JavaScript 中更改样式显示属性未正确执行

问题描述

我在 Firefox 中开发了以下 JS 代码：

show_message("Menu is being loaded ...");
load_menu();
hide_message();

function show_message(mesg) {
  mmw_content.textContent = mesg;
  mmw_content.style.display = mmw_shade.style.display = "block";
}

function hide_message() {
  mmw_content.style.display = mmw_shade.style.display = "none";
  mmw_content.textContent = "";
}

阴影背景和模态消息的 CSS 如下：

/* modal message window */
#mmw_shade {
  display: none;
  position: fixed;
  z-index: 100;
  background: silver;
  opacity: 0.25;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mmw_content {
  display: none;
  background: lightgray;
  border: 2px solid grey;
  border-radius: 3px;
  padding: 3px;
}

模态消息窗口在 Firefox 中完美显示和隐藏，但在 Chrome 中，窗口显示失败。它似乎以某种方式延迟并且仅在它被隐藏之前显示，尽管其间的菜单加载需要 4 秒。当我在调试模式下单步执行代码时，它会显示出来。

Chrome JS 处理程序堆栈的方式是否与 Firefox 不同？

标签： javascriptgoogle-chrome

解决方案

推荐阅读