我在页面上加载了一个jquery滑块(flexslider),我有3个滑块。其中两个是隐藏的div,显示:none;
当我现在显示()一个div时,滑块没有被加载(滑块在document.ready()中加载)。
我如何"回调"或者当我显示下一个div时重新调用滑块功能?
Slider像这样加载:
<script type="text/javascript" charset="utf-8">
jQuery(window).load(function() {
jQuery('.flexslider').flexslider({
animation: "slide",
directionNav: false,
controlNav:false,
keyboardNav:false,
direction: "horizontal",
slideshowSpeed:3000,
animationSpeed:600,
randomize: false
});
});
</script>
这就是我改变的方式:
function changeSection(section) {
if(activeSection != section) {
$('#'+activeSection).fadeToggle("slow");
$('#'+section).delay(500).fadeToggle("slow");
$('#menu-'+activeSection).removeClass('active');
$('#menu-'+section).addClass('active');
document.title = activeSectionTitle;
history.pushState({}, '', section);
activeSection = section;
}
}