5

Tôi đang sử dụng js cuộn vô hạn (với hành vi được đặt thành twitter) để tải trong nội dung mới trên trang chỉ mục. Mối quan tâm của tôi là, làm cách nào để tôi bắt đầu lại animistion trên các bài đăng mới đang được tải qua cuộn vô hạn? Tôi đã mô tả chi tiết cấu trúc trang đang được theo dõi và sẽ đánh giá cao nó rất nhiều nếu bất cứ ai có thể vui lòng chia sẻ một giải pháp cho cùng.Làm việc với Animsition và Scroll vô hạn js

<!DOCTYPE html> 
<html lang="en"> 
    <head></head> 
    <body> 
    <div class="animsition"> 
    <header class="header"></header> 
    <main class="main"> 
    <section class="main-body"> 
     <div id="infinite-scroll"> 
     <article class="post"> 
     <div class="post-body"> 
     <h2 class="post-title"> 
      <a href="" class="nav-link" title=""></a> 
     <h2> 
     </div> 
     </article> 
     </div> 
     <div class="pagination"> 
     <a href="" class="next">Load Older Items</a> 
     </div> 
    </section> 
    </main> 
    <footer class="footer"></footer> 
    </div> 
</body> 
</html> 

Và đây là JS,

$(".animsition").animsition({ 
inClass : 'fade-in', 
outClass : 'fade-out', 
linkElement : '.nav-link', 
overlay : false 
}); 

$(function() { 
$("#infinite-scroll").infinitescroll({ 
    navSelector: ".pagination", 
    nextSelector: ".next", 
    itemSelector: ".post", 
    behavior: "twitter" 
}, 
function(newElements){ 

}); 

Trả lời

0

tôi đã chạy vào cùng một vấn đề này (animsition + cuộn vô hạn) và không thể tìm thấy một câu trả lời tốt ở đây trên SO hoặc bất cứ nơi nào khác cho rằng vấn đề vì vậy tôi đã thực hiện một số phẫu thuật nhỏ trên animsition.js source với kết quả tốt đẹp.

Nếu bạn nhìn vào dòng 66 (trong trạng thái hiện tại), bạn sẽ thấy nơi hoạt ảnh liên kết để liên kết các nhấp chuột và chèn hoạt ảnh.

$(options.linkElement).on("click." + namespace, function(event) { 
    ... 
} 

Nếu chúng ta thay vì sử dụng một chút Javascript event delegation sau đó chúng tôi có hiệu quả có thể nói "ràng buộc cho tất cả các anchors/liên kết trên trang hiện tại và trong tương lai". Vì vậy, một cái gì đó như ...

$("body").on("click." + namespace, options.linkElement, function(event) { 
    ...   
}); 

Đây chỉ là một kết thúc của tôi bây giờ nhưng tôi sẽ quay lại sau (khi tôi không ở dưới súng trong một dự án) để làm một ngã ba thích hợp , thử nghiệm, kéo yêu cầu, vv và cố gắng để có được nó vào dự án chính. Hy vọng điều này làm việc cho bạn và bất cứ ai khác cho bây giờ mặc dù.

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