1

jQueryMobile のドキュメントの指示に従って、ブログ モバイル バージョンに jQueryMobile プラグインをセットアップしました。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>

説明ページは次のとおりです

<!DOCTYPE html> 
<html> 
    <head>
    <meta charset="utf-8" /> 
    <title>Against All Odds</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> 
    <link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
    <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head> 

<body> 

<div data-role="page">
    <div data-role="header">
        <h1>my title</h1>
    </div><!-- /header -->
    <div data-role="content">
            my description
    </div><!-- /content -->
</div><!-- /page -->

</body>
</html>

残念ながら、戻るボタンの画像が私のページに表示されません。また、jQuerymobile の画像フォルダーをプロジェクト ページに配置しました。設定を忘れた設定はありますか?

代替テキスト

4

3 に答える 3

3

http://jquerymobile.com/download/と、ページの最後にある zip ファイルを確認してください。

zip ファイルには images ディレクトリが含まれています。

images ディレクトリは、jquery モバイル css ファイルと同じディレクトリに配置する必要があります。

于 2011-01-21T07:07:31.897 に答える
2

私は昨日このコードを調べていましたが、 Alpha 2リリース (2010 年 11 月 12 日以降)を見る代わりに、GitHubのjquery-mobileページにアクセスして、マスター ブランチdownload.zipを取得しました。

以下のコードは、戻るボタンをヘッダーに追加し、 auto を に設定するdata-iconものarrow-lです。また、プロジェクトに画像ディレクトリを配置するのを忘れていました。

// auto-add back btn on pages beyond first view
if ( o.addBackBtn && role === "header" &&
        ($.mobile.urlHistory.getPrev() || $(".ui-page").length > 1) &&
        !leftbtn && $this.data( "backbtn" ) !== false ) {

    $( "<a href='#' class='ui-btn-left' data-icon='arrow-l'>"+ o.backBtnText +"</a>" )
        .click(function() {
            history.back();
            return false;
        })
        .prependTo( $this );
}

これらの js ファイルと css ファイルも含める必要がありました。これらのファイルは、ダウンロードからプロジェクトのルート ディレクトリにコピーしました。

<link rel="stylesheet" href="jquery.mobile.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.mobile.js"></script>
于 2011-01-30T19:25:20.663 に答える
0

data-icon="arrow-l"戻るボタンに必要です。自動生成された戻るボタンojnjquerymobile.comのドキュメントページのデフォルトにする方法がわかりません。それを調べます。後で戻る。

また、jqm-docs.cssをコピーしないでください

于 2011-01-12T08:35:23.080 に答える