無法使用jQuery

Question

格前插入flexslider

您好我從網上下載woothemes.com flexslider我有一個頁面結構像下面

<div class="parentdiv anotherdiv"> 
<div class="child-div1">some buttons here</div> 
<div class="child-div2">some content here</div> 
</div> 

我試圖使用jQuery兒童DIV1之前增加一個孩子股利。這個孩子div有滑塊的標記。

的Javascript

<script type="text/javascript"> 
$(document).ready(function() { 
$(".child-div1").prepend('<div class="flexslider"><ul class="slides"> 
    <li><img src="path"></li><li><img src="path"></li></ul></div>'); 
}); 
</script> 
<script type="text/javascript"> 
$(window).load(function() { 
$('.flexslider').flexslider({ 
animation: "slide" 
    }); 
}); 

我包括必要的CSS和JS files.Code實際上是預先考慮。但我只能看到一個白色條。滑塊不顯示。我究竟做錯了什麼？

Answer 1

你可以嘗試這樣的事：

$(document).ready(function() { 
    $(".child-div1").prepend(function(){ 
     return $('<div class="flexslider"> 
         <ul class="slides"> 
         <li><img src="path"></li> 
         <li><img src="path"></li> 
         </ul> 
        </div>').flexslider({ animation: "slide" }); 
    }); 
});