728x90 300x250 SMALL javaScript545 탭메뉴 선택처리 콜백함수로 받기 선택한 메뉴 아이템의 인덱스값 구하기 - 일반함수 google facebook pinterest twitter airbnb path 선택한 인덱스 값 : 가장 간단한 방법은 이전에 탭메뉴 예제에서 $("#info").html($selectMenuItem.index()); 이런식으로 구문을 추가해주는것 하지만 이렇게 하면 탭메뉴는 반드시 #info가 있어야 한다. .html은 html요소를 가져오는것 -콜백함수 google facebook pinterest twitter airbnb path 선택한 인덱스 값 : $("#info").html($selectMenuItem.index()); 이 구문을 onSelectItem 함수로 만들고 index 매개변수로 연결한다. tabMenu 함수에 callback 매.. 2019. 8. 4. 탭메뉴 함수 내부 여러 개의 중첩함수로 포장하기 01 기능분석 하나의 함수에 기능이 몇개가 들어있는지 분류한다. tabMenu라는 하나의 함수에 3개의 기능이 들어있다. 1_ 소스초기화 $tabMenu = $(selector); $menuItems = $tabMenu.find("li"); 2_ 이벤트 초기화 $menuItems.click(function(){ 3_ 탭메뉴 선택처리 // 기존 선택 메뉴 항목이 있으면 비선택 상태로 만들기 if($selectMenuItem!=null){ $selectMenuItem.removeClass("select"); } // 클릭한 메뉴 항목을 신규 선택 메뉴 항목으로 저장 $selectMenuItem = $(this); // 선택 상태로 만들기 $selectMenuItem.addClass("select"); 02 .. 2019. 8. 2. 콜백함수 콜백함수란? 1. 다른 함수의 인자로써 이용되는 함수. 2. 어떤 이벤트에 의해 호출되어지는 함수. 버튼 10번 클릭하면 "완료했습니다" 라는 얼럿창을 띄우는 코드를 콜백함수로 분리하기 문서가 실행되면 바로checkCount() 함수가 실행되고 버튼을 클릭하면 count 값이 ++ 된다 10번이상 클릭하면 완료되었습니다라는 메시지가 출력된다, + 콜백함수 사용 콜백함수를 이용해서 로직구현부분과 처리 부분을 분리해서 작업할수 있다. 2019. 8. 1. 클로저 함수 클로저 함수는 함수내부에 만든 지역변수가 사라지지 않고 계속 값을 유지하고 있는 상태를말한다. function func(){ var count=1; // 일반 지역변수 $("#btn").on("click", function(){ //클로저 count++; alert("count = "+count); } ); } 일반 지역변수의 경우 함수호출이 완료되면 사라지지만 클로저를 이용하면 함수호출이 완료된 후 사라지지 않는 데이터 저장소로 만들 수 있다. function 외부함수(){ var 변수A; function 내부함수(){ 변수A 사용; } } 클로저는 일종의 현상이기때문에 정해진 문법은 없다. 그래도 표현하자면 위의 문법처럼 내부함수에서 내부함수를 포함하고 있는 외부함수의 변수 A를 사용하는 구조로 표현.. 2019. 7. 31. 이전 1 ··· 116 117 118 119 120 121 122 ··· 137 다음 728x90 반응형 LIST