Làm thế nào để thêm lựa chọn CSS dựa trên tiêu đề trang

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,832
Được Like
12,694
Vnxf.vn
1) Tạo template và script


Điều đầu tiên cần làm là để tạo ra một template mới trong đó bạn sẽ đặt jquery script của bạn. Bạn sẽ phải bao gồm nó trên máy của bạn bằng cách sử dụng theo cách bạn muốn.

Trong mẫu này, bạn sẽ đặt

Mã:
<script>
	$( "h1:contains('yourtitle')" ).addClass( "yourclass" );
</script>

Mã này ít sẽ theo dõi h1 của bạn và sẽ phân tích nội dung của họ. Nếu nội dung này là "yourtitle", nó sẽ thêm lớp tùy chỉnh của bạn, khá dễ dàng. Tuy nhiên, chức năng này là trường hợp nhạy cảm, do đó bạn sẽ cần phải nhập tiêu đề (đôi khi nó không phải là một trong những gì bạn nhìn thấy trên trang của bạn).

2) Làm thế nào để kiểm soát toàn bộ?

Không có gì dễ dàng hơn, chỉ cần thêm vào sau mã mà bạn đã nhập.

Mã:
<script>
	$("body:has(."yourclass")").addClass(newclass);
</script>

Dựa vào lớp bạn thêm nếu tiêu đề là "yourtitle", bạn sẽ phải thêm các lớp "newclass".
Mỗi thay đổi của bạn, muốn làm gì thì sau đó sẽ phải có .newclass tại beggining và cách này bạn sẽ thay đổi trang tốt hơn.
 
Sửa lần cuối bởi điều hành viên:

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom