모바일 프로젝트를 핟보면 jQuery Mobile 에 있는 특정 기능만을 사용해야 할대가 있습니다. 예를 들어 swipeleft 와 같은 특정 모바일 이벤트들 을 말하는 것인대요. 기본적으로 jQuery Mobile 을 불러 올 경우 Document 를 jQuery Mobile 방식으로 변경합니다. 변경이 될 경우 뜻하지 않게 a tag 전체에 ajax 페이지 로딩 적용 및 페이지 하단에 Loading 요소가 생기는등의 작업이 진행 됩니다. 여기서 포스팅할 내용은 jQuery Mobile 에서 페이지 초기화를 간단한 스크립트로 막는 방법입니다. 우선 스크립트는 아래와 같습니다. $( document ).on( "mobileinit", function() { $.extend( $.mobile , { aut..
trim 은 문자열 앞뒤의 공백을 제거하는 함수의 이름으로 자주 사용되는대요. 기본적인 Chrome 과 Firefox 에서는 문자열.trim() 으로 사용이 가능합니다. 하지만 앞의 방법은 ie7, 8 에서는 작동하는 않는 방법임으로 사용을 추천하지 않습니다. ( Javascript 에러 발생 ) jQuery 에서 사용하는 방법은 아래와 같습니다. var text = $.trim(문자열); 위와 같은 방법으로 사용하셔 주셔야 되는대요. 간혹 trim 의 사용방법이 비슷한 관계로 해깔려서 틀릴수도 있으니 참고 하시기 바랍니다. 문자열.trim() -> X : ie7, 8 및 일부 브라우저 작동 불가$.trim(문자열) -> O : jQuery 를 이용한 trim 임으로 대부분의 브라우저에서 작동 가능 ps..
jQuery 에서 색으로 어떤 액션을 구분하려고 할때 발생할수 있는 문제점으로 컬러를 가져 올때 jQuery 는 RGB로 가져오게 되어 있습니다. 이런 컬러를 흔히 사용하는 Hex 로 구분해 주는 함수 입니다. function rgb2hex(rgb) { if ( rgb.search("rgb") == -1 ) { return rgb; } else { rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); } } 사용 방..
jQueryMobile 에서 이벤트가 2번씩 발생할때가 있습니다. ( jQuery Mobile 의 페이지 관리 특성에 따라 특정 오브젝트에 이벤트가 중복해서 들어 갈수 있습니다. ) 개발 로직에 따라서 피해 갈수도 있지만 정말 ... 어쩔수 없는경우 중복 이벤트를 해결하는 방법으로 .off() 를 이용하실수 있습니다. 오브젝트에 이벤트를 연결하는 .bind 전에 ( 혹은 .click .mouseover 등등... ) .off 를 넣어 주실수 있습니다. 간단하게 보자면 $(".logo").bind("touchstart",function(){ if(btnStatus == 'true'){ var id = $.mobile.activePage.attr('id'); if(id != "MAIN"){ $(".uiBlo..
크로스도메인을 통한 데이터 전송은 자주 있는 방식인대요. jQuery 플러그인으로 GET과 Yahoo API를 이용한 플러그인이 있기는 하지만 간단한게 jQuery 의 기능만으로 구현하는 방법을 소개드리겠습니다. 우선 jQuery 의 코드 입니다. $.ajax({ crossDomain:true, type: "POST", url: "http://api.test.com/testapi/", data: {url:document.URL}, success: function(data){ log(data); } }); 위의 코드에서 주요하게 보실점은 바로 crossDomain:true 부분입니다. jQuery 에서 crossDomain 을 true로 설정하면서 크로스 도메인을 사용한다는 설정을 하게됩니다. 하지만 jQ..
jQuery 는 매우 사용하기 쉬운 인터페이스를 제공하면서 관련 플러그인 역시 만들기 쉽게 해놓은 javascript 프레임워크 입니다. 여기서는 간단하게 jQuery 의 플러그인을 만들어 보겠습니다. jQuery.fn.myPlugin = function() { // 플러그인 내용이 들어갈 곳 }; 위의 코드는 기초적인 myPlugin 이라는 이름으로 만든 플러그인 폼입니다. 하지만 역시 jQuery 에서는 $을 써주는게 더욱 자연스러워 보입니다. 위의 코드는 아래와 같이 수정할 수 있습니다. (function( $ ){ $.fn.myPlugin = function() { }; })( jQuery ); 에서는 바로 jQuery 로 이미 요소를 받아서 $ 으로 처리 하기 때문입니다. 또한 위의 함수에서 만..
- Total
- Today
- Yesterday
- php
- ubuntu
- Laravel
- 웹 서버
- 웹
- 튜토리얼북
- 우분투
- Nodejs
- Tutorialbook
- 에러
- Database
- 게임
- 개발
- 데이터베이스
- 설치
- cocos2d-x
- html
- SNS
- Developer
- 개발자
- JavaScript
- 서버 개발
- mac
- 맥
- 웹 개발
- 게임 개발
- it
- 웹 개발자
- 서버
- 인터넷
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |