我想使用jQuery添加一些由PHP文件生成的内联CSS。我希望能够在<style>
标签之间打印PHP文件的内容。
这是JS文件的相关部分:
$('#settings button.theme').on('click', function(){
var whichone = $(this).data('file');
$('<style type="text/css" media="screen" id="changer"></style>')
.appendTo('head');
$('#changer').load('http://example.com/css/style.php?details=' + whichone);
});
我不想更改style.php文件,因为它非常高兴地生成原始CSS,但是当我执行上述操作时,我得到的是与PHP文件相关的500内部服务器错误。
有人可以帮忙吗?
答案 0 :(得分:3)
不是试图通过AJAX加载CSS,而是动态设置href属性:
$('#settings button.theme').on('click', function(){
var whichone = $(this).data('file');
$('<link rel="stylesheet" type="text/css" media="screen" id="changer" />')
.appendTo('head').attr('href', 'http://example.com/css/style.php?details=' + whichone);
});