update srcイメージは、プリロードされたイメージに基づいて動作しません。

Question

私は0.7秒ごとに更新しようとしています。ウェブカメラからの画像。

ウェブページに画像を表示する前に、画像をプリロードし、プリロードされた画像をチェックし、問題がなければページの画像タグのsrc属性を更新します。残念ながら、これはクロムデベロッパーツールで

を動作しません、しかし私は、何らかの理由でWebページの更新は発生しません、画像のプリロードが正常に動作していることがわかります。

なぜこれが起こっているの任意のアイデア？

ありがとうございます。

更新1/6/16：。。

<img id="test" width="710" height="400"/> 

    <script> 
     jQuery(window).ready(Update_Screen); 

     function Update_Screen(){ 
      setInterval(preload, 700); 
     }; 

     function preload(){ 
      var my_image = new Image(); 
      var img_path = "/cgi-bin/ZavioCamCGI.py?key=" + (new Date().getTime()); 
      my_image.src = img_path; 
      var x = true; 
      if (!my_image.complete) { 
       x = false; 
      }; 
      if (typeof my_image.naturalWidth !== "undefined" && my_image.naturalWidth === 0) { 
       x = false; 
      }; 
      if (x == true) { 
       $('#test').attr('src',img_path); 
      }; 
     }; 
    </script> 

Answer 1

：$（ 'テスト'）ATTR ... $（ '＃テスト'）に置き換えatrr ...

私のコードをタイプミス

$('test').attr('src',img_path); 

$('#test').attr('src',img_path); 
//^missing hashtag sign 

更新

する必要があります

ハッシュタグを追加した後、コードが正常に動作しているようです。jsfiddleを参照してください。

Answer 2

あなたはタイプミスを持っている：それは彼らのIDで要素を識別するために必要であるハッシュタグ「ハッシュタグ記号を行方不明」kvthie0 @$('#test')...