JQuery移動圖標丟失

我在彈出窗口中顯示圖標時遇到問題。JQuery移動圖標丟失

這裏是我的代碼片段：

頭：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Main Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
</head>

彈出與按鈕（按鈕不會顯示只是文本）：

<div id="highscores" data-role="popup" class="ui-content" data-theme="e" data-overlay-theme="a" style="min-width:400px"> 
    <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="star" data-iconpos="notext" class="ui-btn-right">Close</a> 
    <div data-role="header"> 
    <h1> Summary </h1> 
    </div> 
    <div data-role="content"> 
    <p> Your results are shown below </p> 
    <table> 
     <tr> 
     <td>Correct: </td> 
     <td id="correctTd"></td> 
     </tr> 
     <tr> 
     <td>Incorrect: </td> 
     <td id="incorrectTd"> </td> 
     </tr> 
     <tr> 
     <td>Ratio: </td> 
     <td id="ratioTd"></td> 
     </tr> 
    </table> 
    </div> 
</div> 
</head>

如何我應該繼續嗎？

火狐日誌：

[15:21:22.120] GET 
http://uwf.edu/CDE/MobileWeb/ajax.cfc?method=getOptions&_cf_ajaxproxytoken=74929DDA92ACB52984&returnFormat=json&argumentCollection=%7B%22questionId%22%3A1%7D&_cf_nodebug=true&_cf_nocache=true&_cf_clientid=80E1FEFCAEF84777C986F41BD95A9374&_cf_rc=1 
[HTTP/1.1 200 OK 23ms] 
    -- 
    [15:21:47.964] GET http://uwf.edu/cde/mobileweb/selfcheck.cfm [HTTP/1.1 200 OK 1465ms] 
    [15:21:49.457] GET http://uwf.edu/cfscripts/ajax/messages/cfmessage_en_US_.js [HTTP/1.1 
304 Not Modified 2ms] 
    [15:21:49.458] GET http://uwf.edu/cfscripts/ajax/package/cfajax.js [HTTP/1.1 304 Not Modified 2ms] 
    [15:21:49.459] GET http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css 
[HTTP/1.1 304 Not Modified 30ms] 
    [15:21:49.460] GET http://code.jquery.com/jquery-1.8.2.min.js [HTTP/1.1 304 Not Modified 240ms] 
    [15:21:49.460] GET http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js 
[HTTP/1.1 304 Not Modified 30ms] 
    [15:21:49.461] GET http://uwf.edu/cde/mobileweb/js/script.js [HTTP/1.1 304 Not Modified 14ms] 
    [15:21:49.462] GET http://uwf.edu/cde/MobileWeb/css/style.css [HTTP/1.1 304 Not Modified 10ms] 
    [15:21:49.712] Empty string passed to getElementById(). @ http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js:2 
    [15:21:49.776] Setting Video 
    [15:21:49.776] Resource id is undefined. 
    [15:21:49.820] GET http://code.jquery.com/mobile/1.2.0/images/ajax-loader.gif [HTTP/1.1 
304 Not Modified 195ms] 
    [15:21:49.821] GET http://code.jquery.com/mobile/1.2.0/images/icons-18-white.png 
[HTTP/1.1 304 Not Modified 443ms] 
    [15:21:49.822] GET http://uwf.edu/CDE/MobileWeb/ajax.cfc?method=getOptions&_cf_ajaxproxytoken=74929DDA92ACB52984&returnFormat=json&argumentCollection=%7B%22questionId%22%3A3%7D&_cf_nodebug=true&_cf_nocache=true&_cf_clientid=80E1FEFCAEF84777C986F41BD95A9374&_cf_rc=0 
[HTTP/1.1 200 OK 504ms]

來源

2013-04-05 Janusz Chudzynski

+1對於一個優秀的問題。 – Gajotres

整個關閉按鈕沒有出現或星號圖標？ – Omar

我試着'星'和'刪除' 我只能看到文字'關閉'在我應該看到按鈕的地方。 –

添加rel="external"到您的錨標記可以解決這個問題。

來源

2013-05-13 13:39:54

JQuery移動圖標丟失

回答

相關問題