jQuery를이

Question

내가 크롬, 파이어 폭스와 오페라에서 작동하는 jQuery를 스크립트를 작성하지만 9

기본적으로 Internet Explorer에서 이미지를 인터넷 익스플로러 9 일 (그러나 파이어 폭스, 크롬과 오페라에서 작동)하지 ajax로 배경에로드 된 이미지는 동일한 폴더에 다른 이미지가 업로드됨에 따라 동적으로 대체되어야합니다. Internet Explorer에서 스크립트가 작동하지 않고 이미지가로드되지 않습니다.

파이어 버그와 IE 개발자 툴바로 디버깅을 시도했지만 조금 미숙합니다.

나를 도와 줄 수 있습니까? 고맙습니다!

jQuery 코드

$(window).load(function() { 
    var data; 
    $('.nascosto').hide(); 
    $('.ciccio').hide(); 

    $.ajax({ 
     type: "GET", 
     url: "phpdelete.php", 
     success: function (data) { 

      $("<img/>").attr("src", data).load(function() { 
       $(this).remove(); 
      }); 
     } 
    }); 


    setInterval(prova, 1000); 

    function prova() { 
     $.ajax({ 
      type: "GET", 
      url: "phpdelete.php", 
      success: function (data2) { 
       if (data2 != data) { 
        $('.ciccio').fadeOut(2000, function() { 
         $("<img/>").attr("src", data2).load(function() { 
          $(this).remove(); 
          $('.ciccio').css('background-image', 'url(' + data2 + ')').delay(500).fadeIn(2000); 
          data = data2; 
         }); 
        }); 
       } 
      } 
     }); 
    } 

}); 

Answer 1

나는이 문제를 해결했다. 코드가 실제로 깨끗하기 때문에 디버깅 자체가 도움이되지 못했습니다. Internet Explorer 9 개발자 도구 콘솔에서도 오류가 발견되지 않았습니다.

오류가 없지만로드 된 이미지가 없으므로 문제는 아약스 호출에 있어야합니다. Internet Explorer에서 NoTransport 오류를 경고하면서,

jQuery 코드

error: function (jqXHR, textStatus, errorThrown) { 
    alert(textStatus); 
    alert(errorThrown); 
} 

크롬 오류를 보이지 않았다 : 나는 오류의 경우에 경고하기 위해이 코드를 추가했다. 일부 검색 후, 나는 아약스 호출하기 전에이 추가 제안이 스레드 'No Transport' Error w/ jQuery ajax call in IE 발견

$.support.cors = true; 

을 그리고 그것은 작동합니다.