IDが1~9の画像に対して、それぞれclickイベントを設定する(1の画像をクリックした時には、1の画像が表示される)ために、if文では長くなるため、while文でインクリメントしてそれぞれの画像に設定したいと考えました。
しかし、clickイベントはすべての画像に設定できましたが、最大の数値の画像(9のもののみ)しか表示されません。
ソースは下記のとおりです。
lang
1<script> 2$(document).ready(function(){ 3 4var imgs = ["l1.png" , "l2.png" , "l3.png","l4.png" , "l5.png" , "l6.png","l7.png" , "l8.png" , "l9.png"]; 5 6 var n = 0; 7 while(n < 9){ 8 n++; 9 console.log(n); 10 $("#"+n).html('<img src="img/'+imgs[n-1]+'" width=80%>'); 11 $("#"+n).on("click",function(){ 12 $("#img_view").html('<img src="img/'+imgs[n-1]+'">'); 13 }); 14 15 } 16 17 18}); 19</script> 20
function内にwhile文を記載し、インクリメントを設定してもみましたが、今度はタイムアウトが発生するようになり断念しました。
clickイベントはwhile文で変数を代入するごとに、それぞれの画像に設定することはできないのでしょうか。
ご確認よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/12 16:13