[mobile web] jquery mobile에서 a tag에 유사 클래스 사용하기

[mobile web] jquery mobile에서 a tag에 유사 클래스 사용하기

로그인 화면에서와 마찮가지로 data-role=”none”을 주었을 때

Jquery mobie의 class가 자동으로 적용되지 않습니다.

1,2를 적용해 보았을 때 Jquery mobile을 사용하더라도 정상적으로 a tag에 유사클래스가 적용되어 동작합니다.

 

1. a tag에 data-role=”none” 적용

<a data-role="none" class="test1" href="linkpage.html">1- 1</a>  

 

2. 유사 클래스 적용

<style>

.test1:active,

       .test1:hover {

              color: #333333;

              background-color: #AACCAA;

       }

      

       .test2:active,

       .test2:hover {

              color: #FFCCAA;

              background-color: #DDCCAA;

       }                  

      

</style>

      

터치시에 색깔이 변하여 선택여부를 확인 할 수 있고

잠시후에 링크 화면으로 전환됩니다.

 [mobile web] jquery mobile에서 a tag에 유사 클래스 사용하기