어느 팔월의 오후 다섯시

jQuery에서 터치 이벤트를 사용하는데 계속 undefined가 떴다.

분명 예전에 사용했던 코드 그대로 사용했는데...그 때는 잘 됐었는데....

1. 예전에 사용한 코드 (event.touches undefined)

$(document).on("touchstart", function(e){
     console.log(e.touches[0]) // undefined
});

2. event.touches의 사용이 가능한 코드

$(document).on("touchstart", function(e){
     console.log(e.originalEvent.touches) 
     // TouchList{0:Touch, length:1, item:function}
});

출처 : http://stackoverflow.com/questions/7923609/event-touches-is-always-undefined

오늘 프로젝트를 진행하면서 최초 init()이 실행되고, 

jQuery에서 $(selector).scrollTop()을 사용해야 하는 경우가 있었습니다.

그러나 아무리 value를 넣어도 적용되지가 않아 OTL

머리를 한참 쥐어 뜯다가 혹시...혹시!!!! 

setTimeout(function(){}, delay)으로 딜레이를 주었더니 움직이네요.

아마도 이미지가 들어간 컨텐츠다 보니까 이미지가 로딩되기 이전에 scrollTop()을 실행하고 있어서

컨텐츠의 높이값을 제대로 가져오지 못하다보니 적용되지 않았던 것 같습니다.

가장 확실한 방법은 컨텐츠가 모두 로딩 완료 되었을 때 적용해 주는 것인 것 같네요.

var img = $("").attr('src', 'http://somedomain.com/image.jpg')
    .load(function() {
        if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) 
        {
            alert('broken image!');
        } 
        else 
        {
            $("#something").append(img);
        }
    });