HOME ABOUT CONTACT SITEMAP
Category
This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use.
Author Image Monday, 15 October 2018

Mẹo lấy nhanh giá trị perPage để phân trang và tìm kiếm chính xác


Nếu bạn đã từng sử dụng phân trang có đánh số cho nền tảng blogspot thì chắc cũng đã biết nó hoạt động dựa trên số bài đăng trên trang chính do ta quy định. Tuy nhiên dữ liệu này trong hệ thống mã XML của blogger không có thẻ nào gọi được nó dẫn đến việc mỗi khi thay đổi số bài đăng ta lại mất công vào sửa lại giá trị perPage cho trùng khớp để phân trang chính xác

Vấn đề này hoàn toàn có thể khắc phục đơn giản bằng 1 dòng js. Nhưng quan trọng là bạn cần biết trỏ selector cho chuẩn

Trước tiên bạn vào trang homepage của mình và bật cửa sổ kiểm tra phần tử lên (đa số là F12 hoặc một số trình duyệt có chữ Inspect cũng chính là nó).

Bạn mở rộng/thu hẹp để tìm đến div có class là widget Blog, trong div này thường sẽ có 1 div con có class là "blog-posts xxx"


Bạn tiếp tục mở rộng div đó ra, bên trong nó sẽ là rất nhiều div có cấu trúc giống nhau (vì nó là vòng lặp mà).

Nếu bạn đếm trong div đó có số div con bằng số bài đăng thì tức là đã đến đích trỏ selector


Như ví dụ trên tôi sẽ dùng js định nghĩa lại biến perPage như sau

var perPage;
$.get(document.location.origin, function(i) {
    perPage = $("<div></div>").append(i).find(".blog-posts .post-outer").length;
}, "html")

Một ví dụ khác, với template này đã set 11 bài đăng nhưng bên trong nó chỉ có 5 thẻ div như vậy đây vẫn chưa phải là đích đến cuối cùng


Quá trình mở rộng tiếp tục cho đến khi tìm được div bao bọc cho 1 bài đăng

Với temp này code sẽ là

var perPage;
$.get(document.location.origin, function(i) {
    perPage = $("<div></div>").append(i).find(".blog-posts .post").length;
}, "html")

Sở dĩ tôi phải đưa ra nhiều trường hợp như vậy để bạn biết cách xác định được 1 bài đăng được div nào chứa từ đó trỏ selector cho chuẩn

Và đương nhiên cũng sẽ không có một code cố định nào cho bài viết này vì ai mà biết được ông lập trình ra template đặt id class như nào

Như vậy với thủ thuật đơn giản này bạn cũng sẽ không cần lo lắng mỗi khi bán/share template cho người khác dùng luôn phải chơi cái note "đổi số bài đăng nhớ đổi giá trị perPage nhé 😀"

Chúc bạn thành công !
Comments:
Bạn được tự do bày tỏ quan điểm nhưng nghiêm cấm spam
  • Chèn ảnh theo mẫu [img]link[/img]
  • Chèn video Youtube theo mẫu [youtube]link[/youtube]
  • Chèn code theo mẫu [pre]code[/pre]. Lưu ý: mã hóa code trước khi bình luận

  • NIỆM STYLE Channel 10/19/2018 09:01:00 AM
    Ông ko tính đổi domain xài luôn à, cái ,blog này 1 năm sẽ hết hạn mà?
    MDWeb 10/20/2018 09:37:00 AM
    cách này khá hay, nhưng mình thấy có 1 điểm hạn chế là khi người đọc bấm vào page cuối cùng. Nếu page cuối cùng có ít bài viết thì sẽ bị lỗi số page. Có cách nào khắc phục vấn đề này ko b ?
    Lê Bá Long 10/21/2018 10:32:00 AM
    Blog e thì page 1 có 5 bài nhưng page 2 trở đi 15 bài lận bác giúp e fix được ko ạ
    Please wait while i am loading Facebook SDK js