Javascript 五张图片中的前两张没有'；我不能用鼠标点击，但只能用铬_Javascript_Html_Firefox_Google Chrome

Javascript 五张图片中的前两张没有'；我不能用鼠标点击，但只能用铬

javascript html firefox google-chrome

Javascript 五张图片中的前两张没有'；我不能用鼠标点击，但只能用铬,javascript,html,firefox,google-chrome,Javascript,Html,Firefox,Google Chrome,遵循以下痛苦而简单的构造： <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

遵循以下痛苦而简单的构造：

<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（）

，它表明函数甚至没有被前两个调用。然而，剩下的三个则称之为伟大

对此的任何解释都将不胜感激

我刚刚在Chrome中测试了它，它可以顺利工作：

<script type="text/javascript">
    function loadFeature(number)
    {
        alert(number);
    }
</script>

<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>


功能加载功能（编号）
{
警报（编号）；
}

您可能希望确保没有任何内容正在删除或替换onClick事件，或者没有隐藏/不可见的元素正在隐藏/覆盖部分div/图像。如果不是这样的话，你能发布更多的代码（比如你的loadFeature函数）吗？

我刚刚在Chrome上测试了这个，它可以正常工作：

<script type="text/javascript">
    function loadFeature(number)
    {
        alert(number);
    }
</script>

<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>


功能加载功能（编号）
{
警报（编号）；
}

您可能希望确保没有任何内容正在删除或替换onClick事件，或者没有隐藏/不可见的元素正在隐藏/覆盖部分div/图像。如果情况并非如此，您是否可以发布更多的代码（如loadFeature函数）？

可能有一个透明的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>
您的前两个图像不可单击。
可能有一个透明的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>

您的前两张图像不可单击。
这可能有点奇怪，但请检查是否有任何其他元素与前两张图像重叠。
可能您实际上是在单击该元素而不是图像，因此
onclick
事件不会在
img
元素上触发。
这可能有点奇怪，但请检查是否有任何其他元素与前两个图像重叠。
可能您实际上是在点击该元素，而不是图像，因此
onclick
事件不会在
img
元素上触发。
一个小的实时测试页面会有所帮助。你需要的最小代码量是多少来复制这个？代码看起来应该对我有用。请向我们提供出现此问题的测试页面，如图所示。谢谢。你的标记有多复杂？是否有一个绝对透明的
（或类似的东西）覆盖了前两张图像？一个小的实时测试页面会有所帮助。你需要的最小代码量是多少来复制这个？代码看起来应该对我有用。请向我们提供出现此问题的测试页面，如图所示。谢谢。你的标记有多复杂？是否有一个绝对透明的
（或类似的东西）覆盖了前两张图像？这正是发生的事情。感谢您清晰的示例！这正是发生的事情。感谢您清晰的示例！