не в состоянии вставить FlexSlider до того DIV с помощью JQuery

Question

Привет Я скачал FlexSlider от woothemes.com У меня есть структура страницы, как показано ниже

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

Я пытаюсь добавить еще один ребенок DIV до того ребенка-див1 с помощью JQuery. Этот child-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" }); 
    }); 
});