Hey there! I recently got flexslider from woothemes.com. The page structure I'm working with looks something like this:
<div class="parentdiv anotherdiv">
<div class="child-div1">some buttons here</div>
<div class="child-div2">some content here</div>
</div>
I'm attempting to insert another child div before child-div1 using jQuery, which will contain the slider markup.
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"
});
});
I have included all the necessary CSS and JS files. While the code is being prepended, I am only seeing a white bar and the slider isn't displaying. Any ideas on what might be causing this issue?