민아의 기록일지

$('input.timepicker').timepicker({
		        timeFormat: 'h:mm',
		        interval: 30,
		        minTime: '9',
		        maxTime: '18:00',
		        defaultTime: "09",
		        startTime: "09:00",
		        dynamic: false,
		        dropdown: true,
		        scrollbar: true
		    });

원래 는 이거였는데,

아무리 value 값을 jquery 로 넣어줘도 안되더라. 그래서 저기서 defaultTime 의 값에 넣어줘봣다. 변수로 선언해서

var startTimeVal = '09:00';
// 만약 바꾸기 원하는 값이 존재하면, 그 값을 변수에 넣어주기
if(infoMap != null && infoMap != undefined){
    startTimeVal = infoMap.eduBgngTm;
}else{
    startTimeVal = "09:00";
}


$('input.timepicker').timepicker({
    timeFormat: 'h:mm',
    interval: 30,
    minTime: '9',
    maxTime: '18:00',
    defaultTime: startTimeVal,	// 여기에 그 변수 넣어주기
    startTime: "09:00",
    dynamic: false,
    dropdown: true,
    scrollbar: true
});

그랫더니!!!

선택이 잘되어 나왔다!!

이벤트로 생성된 버튼의 객체만 가져오기.

즉, 아래처럼 '추가' 버튼을 누르면 아래의 input박스와 함께 '찾기'버튼과 '삭제'버튼이 함께 생긴다. 

이벤트로 생성된 버튼은 버튼들은 모두 같은 속성을 가지고있다. 같은 class, name, id 명을 가지고있다. 그래서 속성을 지정해서 버튼 이벤트를 걸어주면 제일 첫번째거 하나만 이벤트가 걸린다.

그래서 동적으로 생성된 버튼을 다시 읽어줘야하기때문에, DOM 객체를 버튼 이벤트걸어주기전에 한번 더 다시 읽어주면된다. DOM 객체를 읽어오는 $(document).ready(function(){}) 을 사용하는 것보다 $(document).on('이벤트명', '객체명', function(){}) 을 사용할 것을 추천함!

지금 5번은 사용한 것 같은데, 계속 까먹는 것 같아서 기록해둔다.

ajax로 동적으로 생성된 html 

append로 붙여준 <button class="modifyRowBt"></button> 에 클릭 이벤트를 걸고싶다면, 평소와 같이

$('.modifyRowBt').click(function(){}) 으로는 이벤트가 걸리지 않는다. 이유는? ajax로 이벤트로 html을 생성해준 것이기 때문에 한번더 DOM객체를 읽어줘야한다. 그래야만 새로 생성된 html을 읽을 수 있는 것이다.

그래서 사용해야하는 것은,

이런식으로 DOM 객체를 다시 읽어서 class="modifyRowBt" 을 찾을 수 있다.