Thay thế nhẹ cho isotope.js

Question

Tôi đang sử dụng isotope.js hoàn toàn do hoạt ảnh của nó để thêm/xóa các phần tử.

Tôi thích hiệu ứng của các mục hoạt ảnh để lấp đầy vị trí của các phần tử đã xóa đồng thời khi các phần tử đã xóa bị mờ đi.

Vấn đề là các phần tử lưới của tôi đều có kích thước cố định và bằng nhau và tôi không cần bất kỳ công cụ lọc nào. Tôi tìm thấy đồng vị là một chút clunky, có lẽ vì bề rộng của chức năng của nó.

Vì vậy, tôi đang tìm kiếm một sự thay thế đó là:

• nhẹ
• trơn
• mạnh mẽ và sản xuất sẵn sàng
• thể làm suy thoái gracefully

Answer 1

Có vẻ như bạn' đang tìm kiếm jQuery Masonry.

Nói chung đồng vị là khá trơn tru đối với hầu hết các trường hợp, tất cả tùy thuộc vào số lượng nội dung bạn ném vào nó tất nhiên.

Lý do đằng sau sự vụng về có thể là chính jQuery. Trong khi jQuery là một bộ chọn tuyệt vời, đó là hoạt hình và tốc độ thao tác là thiếu một chút vì số lượng tuyệt đối của chức năng bao gồm trong lib.

Answer 2

im sử dụng jquery Quicksand đó là khá gọn gàng và thẳng về phía trước http://razorjack.net/quicksand/

Answer 3

Trong trường hợp ai đó vẫn đang tìm kiếm kiểm tra Shuffle.js. Đó là đáp ứng cùng với giấy phép MIT.

Answer 4

Nếu ai đó vẫn đang tìm kiếm, bạn cũng có thể muốn xem xét một plugin jQuery tương tự mà tôi đã viết, Filterizr. Filterizr là:

• Cho phép lọc, sắp xếp, shuffling và tìm kiếm
• tùy biến cao (cho phép người dùng viết các hiệu ứng CSS riêng của họ cho các hiệu ứng chuyển tiếp khi lọc trong và ngoài)
• Sử dụng Chuyển đổi CSS3 và biến đổi dịch.
• Nhẹ, ~ 20KB
• Tối ưu hóa cho hiệu suất di động
• Responsive (với các truy vấn phương tiện truyền thông của bạn)
• nguồn mở và MIT phép

Tải về liên kết, hướng dẫn và tài liệu trên số Filterizr Website

Answer 5

Có một thay thế trọng lượng nhẹ đơn giản để đồng vị codepen

chỉ là một vài bước để thiết lập

1. Mục điều hướng có .filter lớp và data-target mà sẽ hiển thị các mục có data-category giá trị tương đương với giá trị của nó.
2. Các mục lưới có các lớp .item và data-category chấp nhận nhiều giá trị.

Để thay đổi lề giữa các mục thay đổi chiều rộng item-inner.

Để thay đổi thay đổi hoạt ảnh transform tồn tại trong javascript bên dưới animation fadein/fadeout nhận xét.