본문 바로가기

Local Oriented/jQuery

 (132)
jQuery 클릭 또는 터치 좌표 아래와 같이 코드를 만들어서 갤럭시S 와 iPod Touch 4세대, PC 에서 IE 8.x, PC Chrome, PC Safari 등을 모두 테스트 해 봤는데..모두 PC 좌표라고 찍히네요.. jQuery 버전에 따라 달라지는걸까요..? 어떤 분은 iPhone 에서만 다르다 하는데..iPhone 을 가지고 있지 않아서 테스트 못했군요.. ㅠ.ㅜ 클릭.. 터치..?
jQuery 관련 UI 프레임웍 http://twitter.github.io/bootstrap/ 부트스트랩http://addyosmani.github.com/jquery-ui-bootstrap Twitter UI 셋의 jQuery 버전이라네요..그런데, 아이팟 터치 4세대 iOS 사파리에서 돌렸더니 넘 느리네요.. http://jqueryui.com/ jQuery 공식 UI 셋모바일에서는 bootstrap 이나 jqueryui 나 거기서 서기.. ㅠ.ㅜ http://jquerymobile.com/ jQuery 공식 모바일 UI 셋 (프레임웍이라고 하기도 하던데.. 그냥 UI 셋이란 느낌)모바일에서는 그래도 jquerymobile 이 나은데,태블릿도 생각한다면 큰 화면용 또는 일반 PC(데스크탑, 노트북)용으로도 jquerymobile ..
jQuery 플러그인 모음 - 스크롤 패스http://skullacy.com/779 - http://www.unheap.com/ 플러그인 총출동.. ^^> http://guny.kr/jquery-sprite-plugin/ 애니메이션 - 무한 스크롤현재 표시된 목록 맨 하단이 노출될때 다음 목록이 불려와서 자동으로 적재1. http://imakewebthings.com/jquery-waypoints/infinite-scroll/ MIT/GPL 라이센스2. http://archive.plugins.jquery.com/project/endless-scroll 스크롤 http://kwangho.tistory.com/m/post/view/id/2166 직접 구현 - 달력 Calendarhttp://arshaw.com/fullcalendar..
jQuery Selector 선택자 검색 찾기 http://hjzzin.tistory.com/74 http://jquerykorea.net/Documentation/list.php?PT=Traversing&CT=Tree%20TraversalparentsUntil, nextUntil, next, siblings, prevAll, prev, offsetParent, nextAll, find, closet, children http://jquerykorea.net/Documentation/list.php?PT=Selectors&CT=Selectors상당히 다양한 함수들.. 짬 나는 대로 들여다 볼만한 내용들이 잔뜩 들어있습니다.
[모음글] jQuery ajax $.ajax({ url : '...', // 변수를 이용해서 url 설정 가능, Math.random() 를 파라미터로 넣어줌으로써 캐시 제거 가능 global : false, // Default true, 또는 생략 type : 'post', // 또는 get cache : false, // Default true, 캐시를 사용하지 않으려면 false 요망 data : {curData:curDate, to_date2:to_date2}, // JSon 스타일 //data : 'curData='+curDate+'&to_date2='+to_date2', // String 스타일. $('form').serialize() 코드는 간단하지만.. dataType : 'stirng', // json jsonp xml..
모눈종이 좌표 기반 도식화 jQuery 플러그인 http://www.kalyani.com/2010/10/subway-map-visualization-jquery-plugin/지하철 노선도를 그리기 위해 만들었다고 하는데,활용도가 높을 것같습니다.모눈종이에 좌표를 찍어 좌표들을 선으로 잇는 방식을 여러개 부여하면 무엇이든지 그려낼 수 있을 거라 생각이 듭니다.사용법이랑 플로그인 파일들이 상기 URL 에 들어있습니다.
jquery 위치 정보 http://blog.naver.com/uri9148?Redirect=Log&logNo=130091239052$('...').position().left 와 $('...').position().top 은 body 의 left 와 top 이 각각 0 인 곳에서부터 해당 오브젝트 까지의 거리로 계산됨.화면을 스크롤 하더라도 $(window).scrollLeft() 나 $(window).scrollTop() 을 더할 필요가 없다는 이야기.다만, 화면 중앙에 보여줘야 한다면.. $(window).width(), $(window).height(), $('...').width(), $('...').height() 등을 고려.
scroll, 화면에서 특정 영역이 완전히 노출되었는지 체크 특정 위치가 화면에 완전히 노출되었는지.. 요즘 SNS 와 FB 의 열풍으로 이런 이벤트를 적용하는 사이트들이 많아지네요..아래 링크는 inspiredjw.tistory.com 에서 가져왔습니다. 그런데, 숫자 방식이 아니라서 URL 이 너무 길어지네요. 그래서 ShortenURL 처리.http://vo.to/eev Ojbect 를 변수에 담는 것이 습관이 되어서 $(window) 와 $(document) 도 변수에 담아 보았습니다.마이너스 연산이 플러스 연산 보다 속도가 빠르다고 하는데, 루프에 사용되는 것도 아니고..속도 보다는 보는 이에게 보다 안정감을 주는 방식으로 표시했습니다. 이해하기 쉬운 코드가 나중에 유지보수도 편하지요.$(window).scroll(function(){ var $o1 = ..

티스토리툴바