的jQuery replaceWith（）方法（DOM元素替换）

Question

Here is my jsFiddle

后执行猫头鹰旋转木马脚本在文件准备好我想：

1. 更换3周的div（带班： '一'，'两个'，'三''）与3个div（每个与 类'smilling'）与jQuery replaceWith（）方法，

2. 运行猫头鹰传送带插件。

我不知道为什么，但尽管DOM元素替换确实去成功的猫头鹰传送带不加载..有什么建议？我为什么要这样做？它是与MediaQueries ...

我的jQuery：

$(document).ready(function() { 

    $("div.super").replaceWith('<div class="smilling item"></div><div class="smilling item"></div><div class="smilling item"></div>'); 

$('.owl-carousel').owlCarousel({ 
        loop:false, 
        nav:true, 
        items:1 
       }); 

}); 

Answer 1

的问题是，您要更换使用replaceWith()的.super类。你想要做的是取代.super班的所有孩子。

改为拨打replaceWith().item，而不是三个新的div只生成一个新的div。

像这样将工作：

$(document).ready(function() { 

$("div.item").replaceWith('<div class="smilling item"></div>'); 

$('.owl-carousel').owlCarousel({ 
       loop:false, 
       nav:true, 
       items:1 
      }); 

});