5
Tôi đang viết một trang có 4 trang trình bày có nhiều nội dung hình ảnh. Để cải thiện tốc độ tải, chúng tôi chỉ muốn tải trang trình bày đầu tiên. Sau khi tải xong, chúng tôi sẽ nhận phần còn lại thông qua các cuộc gọi ajax và thêm chúng dưới dạng trang trình bày.Flexslider Thêm Trang trình bày (Nội dung Ajax)
Flexslider V2 có hàm .addSlide cho điều này, tuy nhiên tôi vẫn gặp lỗi slider.addSlide is not a function.
Mọi trợ giúp sẽ được đánh giá cao. Cảm ơn
Đây là mã của tôi.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="_slider/flexslider.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="_slider/jquery.flexslider-v2-min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
slideshow: false,
controlNav: false,
controlsContainer: ".flex_wrap",
start: function(slider){
//Load another slide and append it to the html
$.get('landing_page_step1.html', function(data) {
$('.slides').append(data);
});
//Tell flexslider to add this as a slide
slider.addSlide(".step1", 1);
}
});
});
</script>
</head>
<body class="landing_page">
<div class="flex_wrap">
<div class="flexslider grid_12">
<ul class="slides">
<li>
Slide One
</li>
</ul>
</div>
</div>
</body>
</html>
[Cập nhật]
của nó xuất hiện rằng nếu bạn chỉ có một slide rồi flexsider không chấp nhận những chức năng bổ sung. Bằng cách bắt đầu với hai trang trình bày ý tưởng này hoạt động tốt. Nó rất có thể là một lỗi hoặc tính năng dự định của flexslider.
allowOneSlide là thuộc tính trong v2.2 +, xem: github.com/woothemes/FlexSlider#allowoneslide-new –