动态加载来自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内容

回答

相关问题