dự phòng cho đồng vị jquery nếu javascript bị tắt?

Question

Có một dự phòng cho đồng vị jQuery nếu JavaScript bị tắt không?

Giả sử nếu tôi đang sử dụng có tài sản fitColumns, là có một dự phòng với phong cách bố trí nếu Javascript bị vô hiệu hóa, giống như những gì u có trong d new myspace.
các bài đăng ban đầu, xuất hiện trên trang chủ myspace của bạn, sẽ được tạo kiểu theo đúng cách nhưng không có bài đăng bổ sung nào sẽ tải khi bạn cuộn tiếp.
Loại cấu trúc CSS hoặc phương pháp dự phòng nào có thể được sử dụng cho các tình huống như vậy?

Answer 1

Nếu JavaScript bị tắt và nếu bạn muốn giữ cho các phần tử được định vị độc đáo như thể jQuery Isotope đang thực hiện công việc của nó thì bạn chỉ có thể dựa vào CSS. Điều đó có nghĩa là bạn sẽ phải tự định vị các phần tử đó theo thứ tự mà bạn muốn.

Nếu bạn OK với điều đó sau đó làm theo các bước dưới đây để bắt đầu:

1. Đặt một tên lớp trên wrapper chính của các nguyên tố đồng vị của bạn như off. Ví dụ: <div id="isotope-container" class="isotope off">
2. Bắt đầu định vị các yếu tố của bạn theo cách thủ công và bao gồm .off làm một trong các bộ chọn. Ví dụ: .isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; }.isotope.off .isotope-element-2 { position:absolute; top: 10px; left: 100px; }
3. Sau đó, trên tệp jquery chung của bạn, nơi bạn có tất cả nội dung khác được viết trên đó, hãy kiểm tra xem có tồn tại lớp học .off và loại bỏ nó không. Ví dụ: if($('#isotope-container.isotope').hasClass('off')){ $('#isotope-container.isotope').removeClass('off'); }