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 目录与 jquery mobile css 文件放在同一目录中。

于 2011-01-21T07:07:31.897 回答
2

昨天我正在查看这段代码，但我没有查看Alpha 2版本（从 2010 年 11 月 12 日开始），而是访问了 GitHub 上的jquery-mobile页面并获得了 master 分支download.zip。

下面的代码是将后退按钮添加到标题并自动设置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"需要在后退按钮中。我不确定他们如何将其设为自动生成的后退按钮 ojn jquerymobile.com 文档页面的默认设置。调查它。过会儿回来。

另外 - 你不应该复制 jqm-docs.css

于 2011-01-12T08:35:23.080 回答