ajax使用append()后样式无效,jquery.ajax使用字符串拼接后外联css样式失效

如果使用 jQuery 的 append() 方法添加 HTML 代码后出现外联样式失效的问题，可能是因为样式表的加载顺序不正确。在使用 jQuery 的 append() 方法添加 HTML 代码时，如果样式表还没有加载完成，添加的元素样式可能会受到影响。

解决这个问题的方法是，可以将样式表提前加载，或者使用 jQuery 的 getScript() 方法异步加载样式表，确保样式表在添加元素之前已经加载完成。

具体的代码如下：

$.getScript('style.css', function() {
    $('body').append('<div class="myClass">这是一个例子</div>');
});

这段代码中，我们使用 getScript() 方法异步加载样式表 style.css，当样式表加载完成后，就会执行回调函数，然后我们再使用 append() 方法将 HTML 代码添加到 body 中。

如果需要添加多个样式，可以将样式写成 CSS 类，然后使用 addClass() 方法将这个类添加到元素上。如下代码所示：

.myClass {
    color: red;
    font-size: 16px;
}

$.getScript('style.css', function() {
    $('body').append('<div class="myClass">这是一个例子</div>');
    $('.myClass').addClass('myClass');
});

这样添加的元素样式就可以生效了。