動態加載來自php文件的css內容

我有css.php文件，它將在每個ajax調用中動態生成樣式，但是如何在沒有頁面加載的情況下在前端生效。例如，在css.php（.class1 {color：#ddd;} .class2 {color：#eee;}）內部實際上它會由php循環生成並從鍵和值的組合中創建類。所以有可能使用ajax或jquery從php加載css內容，如果是的話，那麼如何？動態加載來自php文件的css內容

來源

2015-01-09 Harsh Soni

是的，但這是一個加載的問題。您需要首先了解使用jQuery/Ajax和.CSS（）的基礎知識，並首先嚐試一些您已經嘗試特定於您的方案的示例。 – 2015-01-09 18:32:37

是的，這是可能的。你只需要：

追加這種風格到您的網頁<head>部分爲<style></style>塊
添加<link rel="stylesheet" type="text/css" href="css_script.php">

例如，第一個變種（使用jQuery）：

$.ajax({ 
    url: 'css_script.php', 
    success: function(data) { 
     $('#ajax-css').remove(); // Remove previous CSS 
           // received by AJAX (if exists) 

     var $styleElement = $('<style/>'); 
     $styleElement.attr('type', 'text/css'); 
     $styleElement.attr('id', 'ajax-css'); // ...so that we can find 
               // and replace this element later 
     $styleElement.html(data); 
     $styleElement.appendTo($('head')); 
    } 
});

這是Fiddle.

來源

2015-01-09 18:31:48

其實我使用WordPress所以在HREF它顯示一個錯誤致命錯誤：調用未定義的函數get_option（） – 2015-01-09 19:00:08

後添加一些我自己的邏輯和你的工作的一部分謝謝 – 2015-01-10 19:08:43

動態加載來自php文件的css內容

回答

相關問題