Question

我在stackoverflow和google上多次发现这个问题，但没有一个解决方案适合我。

我有一个页面加载带有空白部分的html页面。然后jQuery开始动态填充这些部分。最初加载的html页面包含所有js和css文件，大多数部分都是使用这个css文件完美构建的。

但是有一节不合适。最初包含的css文件及其内容不适用于此div标签及其内容...

该项目可在以下网址找到：HERE

如果您在左栏中向下滚动，则会找到wordcloud。应该以交替的字体大小和颜色来查看这些单词......

这是添加单词的代码片段：

$.ajax({
    type: "POST",
    url: "the_tagcloud_file.php",
    data: dataString,
    cache: false,
    success: function(html)
    {
        $('#wordcloud').html(html).trigger('create');

    }
});

有人可以给我一个想法，或只是提示如何解决这个问题的正确方向？

提前感谢您的帮助！

致以最诚挚的问候，

英格玛

Answer 1

没有这样的功能可以为动态添加它。唯一的办法就是 to，将css规则动态添加到正文/创建新的 stylsheet。

例如：

$("<style>").text("#newId { width:20px; height:30px; }").appendTo("head");

Answer 2

你可以试试这个，

$('#wordcloud').html(html).trigger('create');
$('#wordcloud').css( propertyName, value );

例如：

$('#wordcloud').css("color", "red");
$('#wordcloud').css("font-size", "20px");

如何通过jQuery将css样式应用于动态添加的内容

2 个答案: