대화 상자가 jquery mobile 1.1.1에 표시되지 않습니다.

Question

jquery mobile 1.1.1 및 jquery core 1.7.1을 사용하고 있습니다. 문제는 내가 대화 상자를 열려고 할 때 작동하지 않는다는 것입니다. 동일한 코드가 jquery mobile 1.0.1에서 작동합니다. 나는 jquery 코어 1.8.0을 사용하여 시도했지만이 did'nt 잘 작동합니다. 누구든지 도와 줄 수 있습니까? . 다음을 시도 http://jsfiddle.net/zteV3/18/

Answer 1

:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> 

<div id="home" data-role="page"> 
    <div data-role="content"> 
     <a href="#payments" data-rel="dialog" data-role="button" data-transition="pop">Open dialog</a> 
    </div> 
</div> 

<div id="payments" data-role="page" data-url="payments"> 
    <div data-role="content"> 
     <p>Some Content Here</p> 
     <a href="#home" data-role="button">Close</a> 
    </div> 
</div> 

귀하의 CSS 참조 (<link> 태그)가 제대로 정의되지 여기 jsfiddle 링크입니다.

jsfiddle에서 테스트했는데 현재 정상적으로 작동하고 있습니다.)