아약스에서 외부 이미지를로드 할 수 없습니다.

Question

나는 index.php 페이지가 있습니다. 여기에는 몇 개의 링크가있는 navbar가 있습니다.

$('#link1').click(function(e) { 
    e.preventDefault(); 
    $('#target').fadeOut('fast', function() { 
     $('#spinner').fadeIn(1000).delay(2000).fadeOut(1000, function() { 
      $.ajax({ 
       url: 'content/1.php', 
       dataType: 'html', 
       type: 'GET', 
       success: function(html) { 
        $('#target').empty(); 
        $('#target').append(html); 
        $('#target').fadeIn('slow'); 
       } 
      }); 
     }); 
    }); 
});                 

당신이 볼 수있는, 외부의 PHP 콘텐츠 페이지 (1.php)는 "대상"DIV 내부로드 : 아약스를 통해, 여기 당신이 링크의 코드를 볼 수있는 작은로드 프로세스를했다. 나는 index.php에, 나는 점심을 볼 때

<link rel="stylesheet" type="text/css" href="1css/style.css">

그러나 : 이제 문제는 "1.php"이이 코드를 사용하여 "1.php"로로드, 외부 CSS로 포맷이다 텍스트 만이 1.php에서 나오고 이미지가 아닙니다. 실수는 어디 있습니까? 아약스에 의해 1.php에 대한 외부 CSS를로드 할 수 있습니까? 내가 당신에게 폴더를 보낼 수 있으므로 더 구체적으로 볼 수 있습니다 ... 감사 ...

Answer 1

저는 아약스 전화는 스타일이 아닌 HTML 만 분석한다고 생각합니다. 로드 된 컨텐츠에 적용되는 스타일이 컨텐츠를로드하는 페이지 (또는 상대 경로가 다른 페이지)에 존재하지 않기 때문에 이미지가 표시되지 않을 수 있습니다.

스타일을로드해야하는 경우 콘텐츠를로드하는 페이지 헤드에 관련 CSS 파일을 추가하는 것이 좋습니다. 상대 파일 경로를 확인하십시오.