Sử dụng jquery kiểm tra và thêm class active vào chuyên mục
Sử dụng jquery kiểm tra và thêm class active vào chuyên mục
Bài viết trước đây của mình có hướng dẫn thêm class active vào chuyên mục trên menu khi truy cập các bài viết thuộc chuyên mục đó mà theo cách làm này có nhược điểm là phức tạp vì sử dụng điều kiện, do đó mình có viết lại theo cách mới hơn và đơn giản hơn. Với cách làm này chúng ta sẽ viết script dựa vào jquery kiểm tra URL của 2 phần tử "a", nếu chúng giống nhau thì thêm class active vào phần tử "a" của chuyên mục (tiện ích Label) hay các chuyên mục trên thanh menu. Ngoài ra khi chèn script dưới cùng trước thẻ đóng tránh bị hiện tượng trang bị giựt khi tải do chèn script trực tiếp cùng với breadcrumb hay menu. Cách làm như sau: Chèn đoạn script dưới đây trước thẻ đóng </body> của mẫu template của bạn Copy <script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js' ></script> <!-- Áp dụng trong bài viết --> <b:if cond = 'data:view.isPost' > <script> //<
