랩제이

[mobile web] jquery mobile a tag hover 흉내내기 모바일에서 jquery mobile을 사용하면서 PC웹의 hover와 비슷하게 구현하는 방법에 대해서 구현해 보았습니다. 처음 $(function() {...});에서 메뉴영역에 대해서 jquery mobile의 tap 이벤트를 bind 하여터치로 메뉴를 선택하면 a 영역의 색깔이 바뀌도록 합니다.이벤트 적용 바로 다음에 setTimeout을 주어서 a 영역의 색깔을 원래대로 바꾸는 함수를 호출하는 것입니다. 간단하게 적용이 가능 할 것으로 보입니다. $(function(){ $(".comment li a").bind("tap", function(event) { $(".comment li a").addClass("test1")..

[mobile web] jquery mobile에서 a tag에 유사 클래스 사용하기 로그인 화면에서와 마찮가지로 data-role=”none”을 주었을 때 Jquery mobie의 class가 자동으로 적용되지 않습니다. 1,2를 적용해 보았을 때 Jquery mobile을 사용하더라도 정상적으로 a tag에 유사클래스가 적용되어 동작합니다. 1. a tag에 data-role=”none” 적용 1- 1 2. 유사 클래스 적용 .test1:active, .test1:hover { color: #333333; background-color: #AACCAA; } .test2:active, .test2:hover { color: #FFCCAA; background-color: #DDCCAA; } 터치시에 색..