글 보기때, 카테고리 위치 표시
카테고리 선택시, 카테고리 위치 표시
아래의 방법은 "hELLO 스킨"을 사용할 경우이며,
hELLO. 티스토리 스킨을 소개합니다.
hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질
pronist.tistory.com
다른 티스토리 스킨을 사용할 경우는 class를 수정해 줘야 한다.
Script 적용방법 ?
/*** 글 보기 때와 카테고리의 현재 위치 표시 ***/
$(document).ready(function () {
// 티스토리 처음 접속시 표시
var Home = location.pathname;
if (Home == "/" || Home == "/?home" ) {
$('.t_menu_home.first a, a.link_item.home').addClass('active'),
}
// 카테고리만 선택 ,
$('.category_list').find('.link_item, .link_sub_item').filter('[href="' + Home + '"]').parents('.sub_category_list').prevAll('input').prop('checked', false);
$('.category_list').find('.link_item, .link_sub_item').filter('[href="' + Home + '"]').addClass('active');
// 글 내용을 가져올때 , var cate = $('.category').text();
// 글 내용의 하이퍼링크를 가져올때 ,
var cate = $('.category').attr("href");
$('.category_list').find('.link_item, .link_sub_item').filter('[href="' + cate + '"]').parents('.sub_category_list').prevAll('input').prop('checked', false);
$('.category_list').find('.link_item, .link_sub_item').filter('[href="' + cate + '"]').addClass('active');
}),
// 스타일 적용
$(function () { $(".active").attr("style", "color:#ccc;font-weight:bold;"); });
