Javascript 图像显示不正确

所以我更新了我以前问过的问题的代码，但是现在图像不会显示，我也不知道确切的原因。应该发生的是，当我单击一个按钮时，图像应该显示并保持在那里，即使它刷新，但在单击另一个按钮之前，新图像应该接管，并且同样的事情应该发生，即使页面刷新，保持在那里，直到他们单击另一个按钮，但根本没有图像显示

以下是我的功能：

var maxImages=7,i=1,v;

for(i;i=<maxImages;i++)
{
    v = sessionStorage.getItem('v'+i);
    if(v !== null) showImage(i);
}

function showImage(num)
{
    sessionStorage.setItem('v' + num, '1');
    $("#loadingImage" + num).show();
}

<input name="Failure Analysis Lab" style="white-space:normal;" 
 onclick="moveText(this.name);showImage(1);form1.submit();" 
 style="width: 272px; height: 30px;" type="button" 
 value="7QKD Failure Analysis Lab" />

这是我的按钮功能：

var maxImages=7,i=1,v;

for(i;i=<maxImages;i++)
{
    v = sessionStorage.getItem('v'+i);
    if(v !== null) showImage(i);
}

function showImage(num)
{
    sessionStorage.setItem('v' + num, '1');
    $("#loadingImage" + num).show();
}

<input name="Failure Analysis Lab" style="white-space:normal;" 
 onclick="moveText(this.name);showImage(1);form1.submit();" 
 style="width: 272px; height: 30px;" type="button" 
 value="7QKD Failure Analysis Lab" />

这是我的图像标签：

<img id="loadingImage" alt="" src="images/Overview.gif" 
 style="width:85%;; margin-bottom:3em; display:none;"/>

任何帮助都将不胜感激，谢谢

---

附加信息：我在检查控制台时没有收到任何错误，但没有显示任何图像。

它的工作方式与您在评论中的想法不同。后面的内容必须与元素ID完全匹配。要使选择器按预期工作，必须创建等

例如，当num=2时，$loadingImage+num创建选择器loadingImage2。如果没有属性id为loadingImage2的元素，此行将无效。您可以调用show，jQuery将尽最大努力显示该元素，但是您想要显示的元素不存在

因此，假设您有多个加载图像，请将HTML更改为以下内容：

然后在jQuery中，使用$.loadingImage.show选择并显示loadingImage类的所有元素

看看这个。。我做了一些调整这就是你想要的吗

已移动要由jQuery处理的单击事件。。。并在每个输入上设置数据，以检查要显示的图像

<img class="loadingImage" src="image1.jpg">
<img class="loadingImage" src="image2.jpg">
<!-- And so on -->

---

你在图像中的标记是我有多个图像，所以我有一个id=loadingImage2、3、4等等moveText和showImage看起来像什么？看看你的其他问题：showImage从未被使用过；看起来应该显示Image1，除非您更改了某些内容。如果你把所有的代码都放在一个地方，然后只从这个问题开始，这会有很大的帮助，因为创建多个问题会让这变得更加困难——特别是当他们解决本质上相同的问题时MoveText只是一个函数，它接受按钮的值并放入一个文本框，对图像没有任何影响。好的。然后尝试showImage1，除非您在前面的问题之间重命名了它，现在我已经添加了div，但仍然没有任何显示。这些应该是img，而不是div。updated我是否必须更改按钮上的任何内容单击，因为仍然没有显示任何内容，我想要的是，当他们单击另一个按钮时，上一个图像将关闭，新图像将自动显示。那么，会话存储变量不应依赖于id。。它们可能只依赖于一个名称，当您调用showImage时，它首先检索sessionStorage变量hide the。。显示下一个并存储显示的图像的id。查看更新的代码。我只是想知道如何指定每个按钮以您的方式输出的图像？所以我想让按钮5输出loadingimage2，按钮3输出LoadingImage8我做的第一件事是设置一种方法，让按钮识别它将显示的图像。。。这取决于你。。。输入按钮是否有一个特殊属性，带有它们显示的图像的id/名称，或者通过jquery在按钮的数据中进行设置，或者在jquery中有一个数组，用图像的id标识按钮id。。。这一切都取决于你。是的，我最初希望这样做是因为输入按钮有一个特殊属性，带有它们显示的图像的id/名称