我正在制作一个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代码中可能无关紧要,但只是注意到它是否是问题的原因。
提前致谢。