#jquery 2개의 스레드 ✕ 해제
이온디
이온디 8년 전
외부 js 를 포함시켜 사용시 다음과 같이 호출되는 부분에서 정상적으로 동작이 안되서 확인해보니 개발자 도구에서 html += buttonPanel + ($.browser.msie && parseInt($.browser.version,10) < 7 && !inst.inline ? '<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : ''); inst._keyEvent = false; … 외부 js 를 포함시켜 사용시 다음과 같이 호출되는 부분에서 정상적으로 동작이 안되서 확인해보니 개발자 도구에서 html += buttonPanel + ($.browser.msie && parseInt($.browser.version,10) < 7 && !inst.inline ? '<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : ''); inst._keyEvent = false; Uncaught TypeError: Cannot read property 'msie' of undefined 가 출력되면서 정상적으로 동작하지 않고 있었다. 구글링을 해보니 The $.browser method has been removed as of jQuery 1.9. jQuery.browser() removed The jQuery.browser() method has been deprecated since jQuery 1.3 and is removed in 1.9. If needed, it is available as part of the jQuery Migrate plugin. We recommend using feature detection with a library such as Modernizr. — jQuery Core 1.9 Upgrade Guide. 라는 답변을 얻었다. 다음과 같이 직접 정의해서 사용하거나 You can check out this solution by AJ. It's pretty straightforward, just copy and paste the following lines of code. jQuery.browser = {}; (function () { jQuery.browser.msie = false; jQuery.browser.version = 0; if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) { jQuery.browser.msie = true; jQuery.browser.version = RegExp.$1; } })(); 이렇게 포함시켜서 사용할 수 있다. 필자는 포함을 시켰다. Use the following script tag in your jsp/js file: <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script> this will work for sure. 출처 - http://stackoverflow.com/questions/14923301/uncaught-typeerror-cannot-read-property-msie-of-undefined-jquery-tools
이온디
이온디 10년 전
이 팁은 터치슬라이드이긴 한데, 터치 이벤트 쪽에 팁이 많음.. #터치슬라이드 #터치이벤트 1) jQuery 터치 슬라이드 간편용 #jquery.touchslider #jquery.event.drag http://blog.naver.com/bigdead/220178246744 https://jsfiddle.net/eond/jp1t0r5c/1/ 2) jquery 터치 슬라이드 http://stackoverflow.com/questions/4755505/how-to-recognize-to… 이 팁은 터치슬라이드이긴 한데, 터치 이벤트 쪽에 팁이 많음.. #터치슬라이드 #터치이벤트 1) jQuery 터치 슬라이드 간편용 #jquery.touchslider #jquery.event.drag http://blog.naver.com/bigdead/220178246744 https://jsfiddle.net/eond/jp1t0r5c/1/ 2) jquery 터치 슬라이드 http://stackoverflow.com/questions/4755505/how-to-recognize-touch-events-using-jquery-in-safari-for-ipad-is-it-possible 3) dohoons http://beone.tistory.com/536 4) 자바스크립트 터치&마우스 슬라이드(1차 완성) & (2차완성) [출처] 자바스크립트 터치&마우스 슬라이드(1차 완성)|작성자 Roka http://blog.naver.com/the602/220064835615 http://blog.naver.com/the602/220065840782 5) [JQuery] 소스정리 : 터치 슬라이드 (모바일 겸용) [출처] [JQuery] 소스정리 : 터치 슬라이드 (모바일 겸용)|작성자 규 http://blog.naver.com/mobilism/70150817964 6) [tip] jQuery 터치 이벤트 사용시 event.touches가 undefined 일때 http://august5pm.tistory.com/30 7) 기타 - 검색 아이콘 변경(이건 왜..) http://codepen.io/mattbraun/pen/eNwmJG 8) [jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플 http://ryuseunghyun.tistory.com/4185 9) [HTML5+CSS3]제이쿼리(jQuery)와 Swipe JS 파일을 활용한 터치슬라이드 갤러리 소스 http://ryuseunghyun.tistory.com/category/Information/html+css touchSlide.zip http://ryuseunghyun.tistory.com/2751 swipeGallery.zip 10) [HTML5+CSS3]모바일에서 터치, 슬라이드 모션 구현에 유용한 자바스크립트 라이브러리 http://ryuseunghyun.tistory.com/2750 Swipe-master.zip http://swipejs.com 11) 터치해서 쓸어 넘기기를 해주는 jQuery 라이브러리 http://opencode.co.kr/bbs/board.php?bo_table=jquery_tips&wr_id=103 부트스트랩 3.0에 터치 기능을 추가하는 것에 대한 게시글 http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/ 1. jQuery mobile의 touch 기능 (touch lib만 빼서 쓰라는...) 2. hammer.js 고작 3k. jQuery가 없어도 동작한다는...ㄷㄷㄷ http://eightmedia.github.io/hammer.js/ 3. touch swipe plugin http://labs.rampinteractive.co.uk/touchSwipe/demos/ 설명자료 http://labs.rampinteractive.co.uk/touchSwipe/docs/symbols/%24.fn.swipe.html Features Detects swipes in 4 directions, "up", "down", "left" and "right"Detects pinches "in" and "out"Supports single finger or double finger touch eventsSupports click events both on the touchSwipe object and its child objectsDefinable threshold / maxTimeThreshold to determin when a gesture is actually a swipeEvents triggered for swipe "start","move","end" and "cancel"End event can be triggered either on touch release, or as soon as threshold is metAllows swiping and page scrollingDisables user input elements (Button, form, text etc) from triggering swipes12) jQuery.event.swipe http://stephband.info/jquery.event.swipe/ http://sir.co.kr/bbs/board.php?bo_table=pg_talk&wr_id=7493 ps. 남들은 쉽게 하나만 찾으면 그걸 사용하면 되는데 저는 뭐든 다 찾아봐야 직성이 풀리나봅니다. 그래도 조금이라도 뭐가 더 낫겠지 하는 걸 찾아보는 희한한 성격이 있어서 제 스스로가 다 피곤하네요. (정리라도 좀 잘하지! ㅠ)