<div id="bbsTotalDiv">

        <ul id="divList">

            <li id="shareFileList">

                <a href="<c:url value="/bo/bbs/main/tab/AR_searchList.do"/>?bbsCd=${Bbs.BBS_SHARE_FILE}">                     <span onclick="jsMove('shareFileList');">공유 파일</span></a>

            </li>

            <li id="mediaList">

                <a href="<c:url value="/bo/bbs/main/tab/AR_searchList.do"/>?bbsCd=${Bbs.BBS_MEDIA}">

                <span onclick="jsMove('mediaList');">언론보도</span></a>

            </li>

            <li id="photoList">

                <a href="<c:url value="/bo/bbs/main/tab/AR_searchList.do"/>?bbsCd=${Bbs.BBS_EVENT_PHOTO}">                   <span onclick="jsMove('photoList');">행사사진</span></a>

            </li>

            <li id="movieList">

                <a href="<c:url value="/bo/bbs/main/tab/AR_searchList.do"/>?bbsCd=${Bbs.BBS_MOVIE}">

                <span onclick="jsMove('movieList');">동영상</span></a>

            </li>

            <li id="shareImgList">

                <a href="<c:url value="/bo/bbs/main/tab/AR_searchList.do"/>?bbsCd=${Bbs.BBS_SHARE_IMG}">                       <span onclick="jsMove('shareImgList');">공유 이미지</span></a>

            </li>

            <li id="prList">

                <a href="<c:url value="/bo/bbs/main/tab/AR_searchList.do"/>?bbsCd=${Bbs.BBS_PR}">

                <span onclick="jsMove('prList');">광고/홍보물</span></a>

            </li>

        </ul>

    </div>


- li  리스트가 이렇게 있으면.. 선택시 이벤트를 주고 (jsMove) Jquery 에서 순서변경

- Jquery 함수

var jsMove = function(id) {

    $("#" + id).prependTo("#divList");

};


+ Recent posts