ajax無法加載外部圖像

我有一個index.php頁面。它包含一個帶有一些鏈接的導航欄。通過Ajax，我做了一個小的加載過程中，在這裏你可以看到一個鏈接的代碼：ajax無法加載外部圖像

$('#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中加載。現在的問題是，「1.PHP」是由外部CSS格式，加載到「1.PHP」與此代碼：

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

但是，當我吃午飯的index.php，我看只有文字從1.php內容，而不是它的圖像。錯誤在哪裏？我可以通過ajax加載外部CSS爲1.php嗎？我可以給你的文件夾，讓您可以更specificly看到它... ...謝謝...

來源

2012-12-20 Giorgio

我相信Ajax調用只能通過解析HTML，而不是風格。您的圖片可能不會出現，因爲適用於您加載的內容的樣式不存在於要加載內容的頁面中（或相對路徑不同）。

如果你需要加載的樣式中，也可能是值得追加相關CSS文件到您加載內容到頁面的頭 - 只需確保檢查相關文件路徑。

來源

2012-12-20 10:58:24 MassivePenguin

MassivePenguin是正確的。看到這個網站的例子：http://www.phpied.com/files/jinc/Luis/test.html如何加載外部CSS文件 – ForOhFor

非常感謝你們的迴應。我相信我會把我的風格放到「頭部」標記中...非常感謝...我會盡力讓你知道...謝謝 – Giorgio

我午餐時我的瀏覽器鉻..我看到控制檯部分，這是消息：「無法加載資源：服務器與404（未找到）狀態回答」 ...... – Giorgio

ajax無法加載外部圖像

回答

相關問題