0

そのため、以前の質問からコードを更新しましたが、画像が表示されなくなり、正確な理由がわかりません。1つのボタンをクリックすると、画像が表示され、更新されてもそこにとどまるはずですが、別のボタンをクリックするまで、新しい画像が引き継がれ、同じことが起こるはずです。ページが更新されても、クリックするまでそこにとどまります別のボタンで、画像がまったく表示されません。

これが私の機能です:

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;"/>

どんな助けでも大歓迎です、ありがとう。

追加情報: コンソールを確認してもエラーは発生しませんが、画像が表示されません。

4

2 に答える 2

0

あなたが思うようには機能しません(あなたのコメントから)。の後に続くものは、要素 ID#正確に一致する必要があります。<img id="loadingImage2">そのセレクターが意図したとおりに機能するには、<img id="loadingImage3">、 などを作成する必要があります。

$("#loadingImage" + num)num = 2たとえば、whenは selector を作成し#loadingImage2ます。attribute を持つ要素がない場合id="loadingImage2"、この行は効果がありません。を呼び出すことができshow()、jQuery はその要素を表示するために最善を尽くしますが、表示したい要素が存在しません。

したがって、複数の loadingImages があると仮定して、HTML を次のように変更します。

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

次に、jQuery で、クラス loadingImage のすべての要素を選択して表示します。$(".loadingImage").show();

于 2013-07-26T20:09:02.877 に答える