Question

$('body').append('<style type="text/css"> body {background:red;} </style>');

这不会使背景变红。是否在.css（）函数之外执行此操作？我通过ajax请求分别获得css，html和jQuery javascript，那么如何以最佳方式追加它呢？

好的，我试图简化问题，但这实际上有效..所以继承人整个代码

edit : function(page) {
    $.ajax({ 
        data    : {
            'edit' : page
        },
        success : function(i){
            var html = jQuery.parseJSON(i);

            $('#editPageListContainer, #editPreview').remove();

            var script      = document.createElement('script');
            script.type     = 'text/javascript';
            script.text     = html.js;

            document.body.appendChild(script);

            $('body').append('<style type="text.css">' + html.css + '</style>' + html.php);
        }
    }); 
}

* OMG ...... 样式类型中的拼写错误“text.css”... 喜欢这个字体，它很清楚，无论如何都爱你们！ *

Answer 1

$('body').css('background', 'red');

Answer 2

将CSS代码添加到head标签，这对我有用; o）

$("head").append("<style> body {background:red;}</style>");

对于您的AJAX请求，它看起来像：

$.ajax({
  url: "url", 
  async:false, 
  success: function(css) {
     $("head").append("<style>"+css+"</style>");
  }
});

Answer 3

我认为最好的方法是通过指定可在脚本中使用的类来在样式表中指定样式。所以......你有一个名为'myClass'的css文件，你可以在你想要的时候在你的脚本中添加那个类（用addClass方法）。在我看来，这是最干净的方法。

Answer 4

$('body').attr('style', 'background:red');

附加jQuery CSS无效

4 个答案: