setintervalがイメージを変更できないsrc

Question

次のコードが私のimg srcを変更しないのはなぜか分かりません。コメントアウトされた例は正常に動作します。また、アラートは4秒ごとにトリガされます。 srcを置き換えるだけでは、set interval関数の中で動作しません。

$(document).ready(function(){ 
    $(".samples_1_1").on("click", function(){ 
     alert('asdf'); 
     //$(this).attr("src", "../../static/results/samples_1_2.png"); 
     setInterval(function() { 
      alert('alert 1'); 
      $(this).src("src", "../../static/results/samples_1_2.png");   
     }, 4000); 
     }); 
    }); 

Answer 1

まず、2番目の例では、存在しない.src（）を使用しています。前述のように.attr（）を使用してください。第二に、$(this)キーワードは、それ自身の関数の中にあり、未定義になっています。要素を手動で指定する必要があります$(".samples_1_1").attr("src", "../../static/results/samples_1_2.png");