js 제어 탐색 메뉴 예제 code_javascript 기술

제목>

<본문>

var current = $("#masterid").val();//jquery를 통해 id=masterid인 페이지 요소의 값을 가져옵니다. 실제로는 선택한 메뉴를 가져오는 것입니다

var alist = new Array();//배열 정의

if (current == "") {//선택한 메뉴를 얻지 못하면 무시합니다

현재 = -1;

}

$("#nav>a").each(function (i, items) {//메뉴 항목을 클릭한 후 페이지를 새로 고칠 때 스타일이 변경되는 부분입니다. 하하, 각각은 A 순회입니다. #nav>

alist[i] = $(items);//i는 0부터 순회 컬렉션의 끝까지이며 1씩 증가합니다.

$(alist[i]).click(function () {//alist[i]에 대한 클릭 이벤트를 등록하고, 클릭 시 해당 메소드가 실행됩니다.

If (i != current) {//다른 메뉴 항목을 선택하면 선택한 메뉴에 해당 스타일이 추가되고 이전 스타일은 제거됩니다.

$(this).addClass("check");

$(alist[현재]).removeClass("check");

                                                                                                             > 새로 선택한 메뉴 항목 ID

         }

});

});

$("#nav>a").each(function (i, items) {//페이지가 새 페이지로 이동한 후 페이지 스타일을 처리하여 메뉴 스타일을 올바르게 호출할 수 있도록 하는 작업입니다. .

alist[i] = $(항목);

if (i != 현재) {

$(alist[i]).removeClass("check");

}

});

$(alist[현재]).addClass("check");

});