웹마스터 팁

모바일 웹페이지를 만들면서 jQuery Mobile 을 한번쯤 써보신 분들 많이 계실 것이라고 생각합니다.

그렇지만 요 jqm을 XE에서 쓸려고 하면 XE의 기본 CSS 와.. 게시판 스킨들의 CSS와 충돌을 하여 써먹기 애매한 경우가 많습니다.

그럴 때 jqm에서 적용시키는 css 요소들을 초기화 시키는 방법을 알려드립니다.

일단 하단 스크립트를 하나의 파일로 저장하고 레이아웃 폴더에 업로드 합니다. 

저는 reset.jqm.js 라고 저장했습니다.

1
jQuery(document).bind('mobileinit',function(){jQuery.mobile.page.prototype.options.keepNative=".data-role-none, .data-role-none *";});

그다음 레이아웃에서 jqm을 로드해주는 부분..

보통 

<load target="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js" />

이런식으로 쓰실 것으로 생각합니다.

이 한칸위에

<load target="./reset.jqm.js"/>

를 적어줍니다.


그다음 

{$content}

를 div 로 둘러싸주시고

해당 div의 class를 data-role-none 로 설정해줍니다.


<div class="data-role-none">

{$content}

</div> 


이런식으로요..


그다음 레이아웃을 저장해주시면..


그 전까지 jqm의 css 로 적용되어있었던 $content 부분.. (게시판 등등..) 의 스타일이 원상태로 돌아와있는 것을 볼 수 있으실 것입니다.!!

많은 모바일용 js프레임워크들이 존재하고.. 그중에서 많이 쓰이고 있는 것이 jqm이지만.. xe에 적용하기가 상당히 애매했던것이 사실입니다.

요팁을 사용하셔서 모바일 레이아웃을 만드실때 jqm을 한번 이용해 보시는 것도 좋을 듯 싶습니다.!!


ps. 위 스크립트는 첨부파일로 첨부해 놓겠습니다.




제목 글쓴이 날짜
창원오피 ⦑오피쓰주소.COM⦒ 창원마사지 창원오피 창원오피 창원OP koykoyah 2025.02.20
대구오피 ⦑출장마사지안내.COM⦒ 대구마사지 대구오피 대구오피 대구OP koykoyah 2025.02.20
동대문오피 동대문출장안마 ⦑오피쓰주소.COM⦒ 동대문OP 동대문오피 동대문오피 koykoyah 2025.02.20
제주오피 ⦑출장마사지안내.COM⦒ 제주마사지 제주오피 제주오피 제주OP koykoyah 2025.02.20
강남오피 강남출장안마 ⦑오피.CLUB⦒ 강남OP 강남오피 강남오피 koykoyah 2025.02.20
제주오피 ⦑오피.CLUB⦒ 제주마사지 제주오피 제주오피 제주OP koykoyah 2025.02.20
포항오피 ⦑오피사이트.NET⦒ 포항마사지 포항오피 포항오피 포항OP koykoyah 2025.02.20
동대문오피 ⦑오피쓰.COM⦒ 동대문마사지 동대문오피 동대문오피 동대문OP koykoyah 2025.02.20
강동오피 ⦑오피.CLUB⦒ 강동오피 강동OP 강동건마 강동오피 koykoyah 2025.02.20
인천오피 ⦑오피쓰주소.COM⦒ 인천오피 인천OP 인천건마 인천오피 koykoyah 2025.02.20
수원오피 ⦑오피.CLUB⦒ 수원오피 수원출장마사지 수원오피 수원OP koykoyah 2025.02.20
신림오피 신림출장안마 ⦑오피사이트.NET⦒ 신림OP 신림오피 신림오피 koykoyah 2025.02.20
역삼오피 역삼출장안마 ⦑오피쓰주소.COM⦒ 역삼OP 역삼오피 역삼오피 koykoyah 2025.02.20
동두천오피 ⦑출장마사지안내.COM⦒ 동두천오피 동두천출장마사지 동두천오피 동두천OP koykoyah 2025.02.20
답십리오피 답십리오피 ⦑오피쓰.COM⦒ 답십리OP 답십리스파 답십리오피 koykoyah 2025.02.20
여의도오피 ⦑출장마사지안내.COM⦒ 여의도OP 여의도오피 여의도출장샵 여의도오피 koykoyah 2025.02.20
창원오피 ⦑오피쓰주소.COM⦒ 창원OP 창원오피 창원출장샵 창원오피 koykoyah 2025.02.20
남양주오피 ⦑출장마사지안내.COM⦒ 남양주마사지 남양주오피 남양주오피 남양주OP koykoyah 2025.02.20
광주오피 광주오피 ⦑출장마사지안내.COM⦒ 광주OP 광주스파 광주오피 koykoyah 2025.02.20
압구정오피 압구정오피 ⦑출장마사지안내.COM⦒ 압구정OP 압구정스파 압구정오피 koykoyah 2025.02.20