2013-04-29 19 views
7

Tôi đã có một vấn đề với flexslider, tôi cần phải tải về hình ảnh của tôi trong base64 từ một webservice. Sau khi tải về xong, tôi thực hiện một .append() để thêm trang trình bày của tôi ...Làm thế nào để reinitialize flexslider cho một tải năng động

Nhưng đôi khi, tất cả mọi thứ được bổ sung một cách hoàn hảo nhưng thanh trượt không tải lại một cách chính xác Vì vậy, tôi nhận được mã như thế này: screen1

thay vì mã như sau: screen2

Làm cách nào tôi có thể bắt đầu lại thanh trượt trong trường hợp này?

Trả lời

30

Tìm thấy giải pháp! Chỉ cần thêm dòng mã này để loại bỏ các ref trượt cũ nếu tồn tại

$('#flexslider').removeData("flexslider");

+0

câu trả lời của bạn là rất hữu ích cho tôi! – Simon

+0

Cảm ơn bạn rất nhiều! – Raffael

+0

@AlxAlx Tôi đang gặp vấn đề tương tự, trong trường hợp trượt của tôi đang khởi tạo theo cách thông thường nhưng hình ảnh không tải. (Ở đây toàn bộ nội dung trượt bên trong đang đến động). Bất kỳ ý tưởng làm thế nào để có được những hình ảnh? –

8

Khi quá trình tải xuống hoàn tất và sau khi bạn tạo phụ đề, hãy thử sử dụng lại phương thức.

$('.flexslider').flexslider(); 

Điều đó nên bắt đầu lại và tính toán nội dung mới.

Các vấn đề liên quan