파이어폭스브라우저에서는 button에 엑스트라 이너패딩이 기본으로 생긴다. 이럴경우 제거를 위해 다음을 써준다.


button::-moz-focus-inner {
    padding: 0;
    border: 0;
}


글쓰고 저장

IE에서 폼요소를 reset()하면 placeholder 날라가는 자체이슈가 있다고 한다.

그래서 그냥 다이렉트로 $(selector).val('') 이런 식으로 해줘야할 것 같다.

글쓰고 저장

애증의 판교프로젝트이자, 나의 첫 모바일 프로젝트인 KTOOO프로젝트!!

지난 3월부터 시작하고, 내가 5,6,7월 약 2달간 퍼블리싱을 했던 이 프로젝트는 지금 한창 검수중이다.

그러던 중 발견된 버그!!! 


IOS에서 입력창(INPUT)에 입력한 후 Done버튼이 아닌, 다른 영역을 터치하게되면, 입력창을 기준으로 헤더가 움직이는 현상이다.

아래의 동영상을 보면 아~ 할 것이다.



이런 버그가 발생하는 이유는 입력창을 기준으로 position 영역이 다시 잡혀지기 때문에, position:fixed 한 값이 조정되는 것이다.
그러기 위해선 화면영역을 재조정할 필요가 있다.
그래서 다음의 코드처럼 blur 이벤트가 발생할때, 스크롤의 위치를 가장 상단, 왼쪽으로 옮겨주면 문제가 해결된다


$(document).on('blur', 'input, textarea', function() {
    setTimeout(function() {
        window.scrollTo(document.body.scrollLeft, document.body.scrollTop);
    }, 0);
});




글쓰고 저장

구문상 에러가 전혀 없는데 신텍스에러라고 뜨는 경우가 있다.

Uncaught SyntaxError: Unexpected token ILLEGAL 


// 에러난 구문

$("<div><a href='"+portfolio[i].href+"'>
            <img src='"+portfolio[i].image+"' alt='"+portfolio[i].title+"' />"+

string  " "안에 공백이 들어가면 생기는 에러이다.


// 수정된 구문

$("<div><a href='"+portfolio[i].href+"'><img src='"+portfolio[i].image+"' alt='"+portfolio[i].title+"' />"+

이렇게 공백을 없애주면 에러가 해결된다.

글쓰고 저장