소스 변경 후 Jquery 새로 고침 이미지

Question

나는 phonegap을 사용하여 사운드 파일을 재생하는 JavaScript 함수를 사용합니다. 일반적으로 정상적으로 작동하지만 파일을 다운로드하는 동안 img src을 로딩 아이콘으로 변경하고 싶습니다. 그러나 파일을 재생 한 후에는 src가 으로 변경됩니다.

+new Date().getTime()을 src 끝에 추가하려고했지만 도움이되지 않았습니다. 저기에 어떤 생각이 있니?

function playSound(){ 


var img = $(this).prev(); 

img.attr("src", "css/images/ajax-loader.gif?"+new Date().getTime()); 


var url = "http://some.com/fanky.mp3"; 
mediaTTS = new Media(url, onSuccessTTS(url), onErrorTTS); 
mediaTTS.play(); 

} 

Answer 1

이것은 현재 실행 루프가 끝날 때까지 이미지가 다시 그려지지 않기 때문일 수 있습니다. Media.play()이 (가) 차단되면 재생을 마칠 때까지 이미지가 변경되지 않을 수 있습니다.

내 의혹을 확인하기 위해,이 코드를보십시오 : src 속성을 제거하는

function playSound(){ 
    var img = $(this).prev(); 
    img.attr("src", "css/images/ajax-loader.gif?"+new Date().getTime()); 
    setTimeout(function() { 
     var url = "http://some.com/fanky.mp3"; 
     mediaTTS = new Media(url, onSuccessTTS(url), onErrorTTS); 
     mediaTTS.play(); 
    }, 100); 
} 

Answer 2

시도를 한 후 지연 아마 프리로드 문제입니다 다른 SRC

function playSound(){ 
    var img = $(this).prev(); 
    img.removeAttr("src").attr("src","css/images/ajax-loader.gif?"+new Date().getTime()); 
    var url = "http://some.com/fanky.mp3"; 
    mediaTTS = new Media(url, onSuccessTTS(url), onErrorTTS); 
    mediaTTS.play(); 
}