观察以下令人痛苦的简单构造:
<div id="home_thumbnails">
<img onClick='loadFeature(0);' src='image_1.jpg'>
<img onClick='loadFeature(1);' src='image_2.jpg'>
<img onClick='loadFeature(2);' src='image_3.jpg'>
<img onClick='loadFeature(3);' src='image_4.jpg'>
<img onClick='loadFeature(4);' src='image_5.jpg'>
</div>
在 firefox 中,这与宣传的完全一样。
但是,在 Chrome 中,不会为前两个图像调用 loadFeature。我在 function loadFeature()
的顶部有一个 alert()
,它表明该函数甚至没有被前两个函数调用。然而,剩下的三个人称它太棒了。
对此的任何解释将不胜感激
最佳答案
Here is a recreation of what could be happening 强>。
可能有一个透明的 div 或图像覆盖了前两个图像。
例如,看这段看似无伤大雅的代码:
<html><body>
<script type="text/javascript">
function loadFeature(number)
{
alert(number);
}
</script>
<div id="important"></div>
<div id="home_thumbnails">
<img onClick='loadFeature(0);' src='image1.jpg'>
<img onClick='loadFeature(1);' src='image2.jpg'>
<img onClick='loadFeature(2);' src='image3.jpg'>
<img onClick='loadFeature(3);' src='image4.jpg'>
<img onClick='loadFeature(4);' src='image5.jpg'>
</div>
</body></html>
将上面的代码与宽度为X
的图像结合起来和高度Y
和以下 CSS:
#important {
width:2Xpx;
height:Ypx;
position:absolute;
top:0;
left:0; }
并且您的前两张图片不可点击。
关于javascript - 五分之二的前两张图片没有点击,但只在 Chrome 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3753859/