0

グリッド内の画像をランダムに置き換えようとしています。関数がトリガーされるたびに新しい画像が (Chrome で) 短時間点滅しますが、その後古い画像が再び表示されます。なぜ私がこの問題を抱えているのかについて、非常に簡単な説明があることは知っていますが、もちろん、私にはそれがわかりません。どんな助けでも大歓迎です。

問題のサイトはhttp://www.apocwords.net/systems/randomdungeon.htmlです。Randomize Me! という言葉をクリックすると、上、左、右、下のブロックがランダムに選択された新しい画像に切り替わります。

function createMe() { 
document.getElementById("left2").src = xLefts[Math.floor(Math.random()* xLefts.length)];
document.getElementById("left3").src = xLefts[Math.floor(Math.random()* xLefts.length)];
document.getElementById("left4").src = xLefts[Math.floor(Math.random()* xLefts.length)];
}

The HTML:
<img src="/images/templates/template_left_05.jpg" width="100" height="200" id="left2" class="template"/>
<img src="/images/templates/template_left_01.jpg" width="100" height="200" id="left3" class="template"/>
<img src="/images/templates/template_left_02.jpg" width="100" height="200" id="left4" class="template"/>

私がやろうとしていることを、より良く、より速く、より効率的に行う方法は無数にあると確信しています。でも、今はそんなこと気にしていません。自分がやろうとしていることがうまくいかない理由を知りたいだけです。前もって感謝します！

4

2 に答える 2

0

ランダム化リンクを...に変更します

<a href="javascript:createMe(); return false;">Randomize Me!</a>
于 2013-05-06T20:43:37.807 に答える
0

問題は、リンクに「href」属性があることです。クリックすると、同じページに対して新しいリクエストが作成されます。次のいずれかを実行できます。

  1. それを削除し、リンクでこの css プロパティを使用して、「手」ポインターを作成します。
  2. このjQueryメソッドを使用
于 2013-05-06T20:30:37.010 に答える