레이아웃 스킨을 하나 만들려고 합니다.

아이폰에서 사용하려고 jQuery mobile을 적용중인데요.

xe에서는 이상하게 적용이 되지 않습니다. 원인이 무엇인지 모르겠네요.

우선 샘플로 layout.html 의 코드를 아래와 같이 작성하였습니다.

<load target="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<load target="http://code.jquery.com/jquery-1.4.4.min.js" />
<load target="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js" />

<div class="main" data-role="page">
    <div data-role="header">
        <h1>Smart Alarm</h1>
    </div>
    <div data-role="content">
        <a href="play/game.html" data-role="button">Play Game</a>
        <a href="info/about.html" data-role="button">About SmartAlarm</a>
        <h1>테스트임돠ㅋㅋ!!</h1>
    </div>
</div>

하지만 적용이 되지 않네요.

위의 코드를 xe가 아닌 그냥 test.html 파일로 만들어서 열어보면 잘 적용이 됩니다.

단지, xe에서만 작동이 되지 않습니다.

혹시나, xe의 common_layout.html에서 자동으로 삽입되는 다른 js파일들 때문일까 싶어서 자바스크립트 관련 파일들을 모두 제거해보아도 역시나 안되네요.

해결방법을 아시는 분 계시면 도움좀 부탁드립니다.