0

我正在制作一个 Javascript 程序，该程序应该在单击一个元素时使其不可见并使另一个元素可见。它在 IE 中完美运行（关于我真正想知道的，因为 Javascript 很少在那里正常工作），但在 Chrome 中它根本没有反应。即使我只是试图发出普通警报，当我将它放在代码中的 hideDisplay() 函数下方时，它也不会显示。

这是代码：

单击图像将使其不可见并改为显示 div background2。在 IE 中它可以工作，在 Chrome 中它只是“选择”图像 - 使其带有蓝色叠加层。

<img src="screenxp.jpg" id="background1" onclick="hideDisplay(); window.setTimeout(failedto,1500);">


    // Getting the elements
var background1 = document.getElementById('background1');
var background2 = document.getElementById('background2');
var win = document.getElementById('win');

  // This is the function triggered when background1 ( image ) is clicked
function hideDisplay() {

    background1.style.display = 'none';
    background2.style.display = 'block';
    window.setTimeout(dispwin,2000);
}

注意： background1 图像是 100% 的宽度和高度以及绝对位置，我不知道，在 JS 代码中可能无关紧要，但只是注意它是否可能是问题的原因。

提前致谢。

4

0 回答 0