jquery mobile中沒有顯示對話框1.1.1

Question

我使用的是jquery mobile 1.1.1和jquery core 1.7.1。問題是，當我嘗試打開一個對話框它does not工作。相同的代碼正在爲jquery mobile 1.0.1工作。我試過使用jQuery核心1.8.0，但這並沒有工作。誰能幫忙？ 。這裏是的jsfiddle鏈接：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上測試了它，現在工作正常;）