[分享]css克隆过来用不了

最近我在开发一个网站时，遇到了一个让我非常困惑的问题——使用css克隆过来的样式，竟然不能正常使用！在我的网站中，我使用了一个叫做bootstrap的css框架，它能够帮助我快速地实现各种样式效果。然...

最近我在开发一个网站时，遇到了一个让我非常困惑的问题——使用css克隆过来的样式，竟然不能正常使用！

在我的网站中，我使用了一个叫做bootstrap的css框架，它能够帮助我快速地实现各种样式效果。然而，当我尝试使用一个神奇的功能，即在元素上添加class属性并克隆它们到其他元素上时，却发现克隆下来的元素无法正常显示bootstrap样式！

// 原本的html代码
<div class="btn btn-primary">保存</div>

// 克隆代码
let cloneBtn = $(<div></div>).addClass('btn btn-primary');
$('#target').append(cloneBtn); 

最初，我以为这是bootstrap的问题，我开始试图寻找其他的解决方案。但在我的进一步探索中，我发现，问题并不在bootstrap上。实际上，我在克隆元素时，没有正确地克隆类的名称，导致样式无法正常加载。

// 修改后的克隆代码，正确地克隆类名称
let cloneBtn = $(<div></div>).addClass('btn btn-primary').addClass($(this).attr('class'));
$('#target').append(cloneBtn); 

通过以上修改，我成功地解决了这个问题，并顺利实现了我的网站需求。所以，如果你也遇到了使用css克隆时样式无法正常加载的问题，记得检查你是否正确地克隆类名称哦！