본문 바로가기

php/JQuery

(5)
JQuery a 태그 링크 클릭할때 화면 스크롤 막는 자바스크립트 코드 JQuery a 태그 링크 클릭할때 화면 스크롤 막는 자바스크립트 코드 jquery를 사용할 때 a 태그 (링크 버튼) 클릭 시 다이얼로그가 뜨게 한다든지 할 때에 화면이 자동으로 제일 위로 이동한다든지 하는 현상을 보일 때 해결방법이다. 아래와 같은 식으로 e.preventDefault를 사용해 주면 된다. $('.window .close').click(function (e) { //Cancel the link behavior e.preventDefault(); });
JQuery Datepicker JQuery에서 사용하는 Datepicker를 소개한다. http://jqueryui.com/demos/datepicker/ 아주 멋진 Theme도 기본적으로 제공하고, Custom 할 수 있다. Theme는 ThemeRoller (http://jqueryui.com/themeroller/)에서 다운로드 할 수 있다.
JQuery Offset 함수 문제 JQuery는 쓰면 쓸수록 유용하고 편하다고 느낀다. 그중에 .offset() 함수가 있다. offset() .offset() offset( coordinates ) .offset( coordinates ) .offset( function(index, coords) ) Document : http://api.jquery.com/offset/ 이중 Offset으로 좌표를 지정해줄 수가 있는데, 현재 좌표를 기준으로 좌표를 변경하던 중에 문제가 발생했다. FF에선 이상이 없었는데, IE와 Chrome에서만 문제가 생기는 거다.. 바로 var offset = $(".login").offset(); $(".login").offset({top: offset.top+3, left : offset.left-285})..
JQuery position() 과 offset() 의 차이 JQuery에는 .position() 함수와 .offset() 함수가 있다.두 함수의 차이를 알아보자. JQuery API 사이트 Document를 보고 싶으면 클릭 ▼ position | offset position : DOM에 포함되는 요소의 좌표, offset은 document 안에서 현재 위치 이다. 예를 들어보자. div {padding:20px;} p {margin-left:10px;} 좌표 테스트! var p = $("p:first"); p.text("left : " + p.position().left + " | top : " + p.position().top); 여기서 결과는 20 20 var p = $("p:first"); p.text("left : " + p.offset().left +..
JQuery 객체 접근하기 http://blog.naver.com/sontaemoo/70087965590 잘 정리된 블로그가 있어 링크합니다. 접근시 자바스크립트 앞에 붙이는 기호 JQuery $ id # class . tag ""