我想使用jQuery添加一些内联CSS,这是由PHP文件生成的。我希望能够在<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内部服务器错误。
有人能帮忙吗?
不尝试通过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);
});