(jQuery) 태그 목록 섞기

준비물: (jQuery) 연결하기

미리보기
http://simulz.com/tag

관련글: (jQuery) 티스토리 태그 목록 컬러풀하게~


새로고침할 때마다 목록이 섞인다.

ABC, 가나다였던 태그 목록을
랜덤 정렬로 변경해보았다.

$.shuffle Plugin
http://mktgdept.com/jquery-shuffle

위 사이트에서 js 파일을 내려 받고 사이트나 블로그에 업로드 한다.

HTML HEAD에 아래 코드를 추가하여 JS를 연결한다.

<script type="text/javascript" src="./images/jquery.shuffle.js"></script>

$('.taglog li').shuffle();

$('.taglog li')
taglog 클래스를 가진 요소의 자식 중에서 li 요소들을 선택한다.

$.shuffle(selector) 처럼 사용 가능하다.