0

jQuery Mobile Web アプリの HTML5 オフライン キャッシュを有効にしようとしています。オフラインで動作するためではなく、リピーターの最初のページ読み込みのパフォーマンスを向上させるためです。

意図したとおりに機能することはほとんどありませんが、何らかの理由でページに jQuery Mobile のアイコン画像が表示されません。これはキャッシュ マニフェストに NETWORK * を追加することで修正できますが、画像をキャッシュしたいのです。

私のキャッシュマニフェスト:

    CACHE MANIFEST
# rev15
myicon.ico
index_uncompressed.htm
lib/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.css
lib/jquery.validate-min.js
lib/jquery.mobile.simpledialog2.min.js
/anderswebservice/jquery/lib/jquery-1.7.1.min.js
lib/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.js
apple-touch-icon-precomposed.png
lib/jquery.mobile-1.1.1/images/icons-18-white.png
lib/jquery.mobile-1.1.1/images/ajax-loader.gifode here

私のHTMLファイルの始まり：

<!DOCTYPE html> 
<html lang='da' manifest="kiosk.manifest"> 
    <head> 
        <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
        <title>NSF kiosk</title> 
        <meta name="viewport" content="width=device-width, initial-scale=1" /> 

        <!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />-->
        <link rel="stylesheet" href="lib/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.css" />
        <link rel="stylesheet" type="text/css" href="lib/jquery.mobile.simpledialog.min.css" />
        <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png"/>
        <link rel="shortcut icon" href="myicon.ico" />

        <!--<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>-->
        <script src="/anderswebservice/jquery/lib/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>-->
        <script src="lib/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.js"></script>

        <script type="text/javascript" src="lib/jquery.validate-min.js"></script>
        <script type="text/javascript" src="lib/jquery.mobile.simpledialog2.min.js"></script>

Fiddler では、イメージ スプライト (lib/jquery.mobile-1.1.1/images/icons-18-white.png) が適切にダウンロードされていることがわかりますが、jQuery Mobile では明らかにそれを見つけて使用できません。ここで何が問題なのですか？

4

1 に答える 1

0

以下を css に追加します。

.ui-icon {
    background-image: url(images/icons-18-white.png);
}
于 2012-10-03T14:52:26.387 に答える