Front-End/jQuery
jQuery Mobile 페이지 이동방식(드래그), swipeleft, swiperight
$("#page1").live("swipeleft",function(){ alert("히히히히히"); }) $("#page1").live("swiperight",function(){ alert("히히히히히"); }) $("#page1").live("swipe",function(){ alert("호호호"); });-------------------------------------------------------------------------------------http://dotweb.tistory.com/45아래 코드는 간단하게 페이지가 로드됐을때핸드폰에서 왼쪽으로 30px(?), 오른쪽으로 30px(?) 이상씩 마우스무브를 하면페이지 이동을 시키는 코드..
모바일웹&jQuery&CSS
2011.02.15-[모바일웹] 모바일 웹사이트 제작 전 알아두면 좋은 10가지2011.02.15-[모바일웹] 모바일홈페이지, 모바일웹의 포트폴리오 구성시 꼭 짚어야 할 요소2011.02.15-[모바일웹] 모바일 웹디자인 가이드를 찾아보기 위한 URL모음2011.02.15-[모바일웹] 모바일 웹사이트 제작시 필수사항2011.02.15-[모바일웹] 모바일 웹디자인 시안, 갤러리 사이트2011.02.16-[모바일웹] 네이버 지도 API 사용법 (현재 모바일웹용 지원 안됨)2011.02.16-[모바일웹] 구글맵 API 사용법2011.02.17-[모바일웹] Google Maps JavaScript API V3 (구글 공식사이트)2011.02.17-[모바일웹] Google Maps JavaScript API V3..
Data- attribute(옵션) reference
http://jquerymobile.com/demos/1.1.0-rc.2/docs/api/data-attributes.html Data- attribute(옵션) referenceThe jQuery Mobile framework uses HTML5 data- attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or framewor..
jQuery mobile jQuery Mobile - 구조 & 문법
http://imsi52.tistory.com/90* Mobile page 구조- http://jquerymobile.com/download/ 에서 다운로드 및 "Copy-and-Paste Snippet" 부분을 COPY 하여 사용할 수 있다.- 태그 안에는 보틍 data-role="" 속성을 가진 element 가 정의 된다.* External page linking (외부 링크) / Local, internal linked "pages" (내부 링크)1. External page linking (외부 링크) 외부 파일을 링크 할 경우, ajax 를 호출하고 ajax 스피너를 나타낸다. 호출이 + 성공하면 새로운 페이지의 내용은 DOM에 추가 되고, 모든 모바일 위젯은 자동 초기화되..
Effect - Reference(API)
jQuery Effect MethodsThe following table lists all the methods used to create animation effects.MethodDescriptionanimate()Performs a custom animation (of a set of CSS properties) for selected elements 특정개체에 여러 애니메이션을 줄수있다.clearQueue()Removes all queued functions for the selected element 작동예정인것들을 모두 정지시킨다(애니메이션 외에도 다 정지)delay()Sets a delay for all queued functions for the selected elementdequeue(..
Events - Reference(API)
jQuery Event MethodsEvent methods trigger, or bind a function to an event for all matching elements.Trigger example:$("button").click() - triggers the click event for a button element.Binding example:$("button").click(function(){$("img").hide()}) - binds a function to the click event.The following table lists all the methods used to handle events.MethodDescriptionbind()Add one or more event hand..
Selectors(접근) - Reference(API)
jQuery SelectorsUse our excellent jQuery Selector Tester to experiment with the different selectors.SelectorExampleSelects*$("*")All elements - 모든엘리먼트 접근#id$("#lastname")The element with id=lastname - ID로 접근.class$(".intro")All elements with class="intro" - class로 접근element$("p")All p elements - 태그이름으로 접근.class.class$(".intro.demo")All elements with the classes "intro" and "demo" (하위클래스) :first ..