Изображение в jQuery Mobile не отображается кнопка возврата - PullRequest
Новая
       17

Изображение в jQuery Mobile не отображается кнопка возврата

1 голос
/ 12 января 2011

Я установил плагин 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 на мою страницу проекта.Есть какая-то конфигурация, которую я забыл настроить?

alt text

Ответы [ 3 ]

3 голосов
/ 21 января 2011

Вы должны проверить http://jquerymobile.com/download/ и zip-файл в конце страницы.

В zip-файле содержится каталог с изображениями.

Вы должны разместить каталог с изображениямив том же каталоге, что и файл jquery mobile css.

2 голосов
/ 30 января 2011

Я просматривал этот код вчера, но вместо просмотра Alpha 2 версии (от 12 ноября 2010 г.) я перешел на страницу jquery-mobile наGitHub и получил главную ветку download.zip .

Код ниже - это то, что добавляет кнопку «Назад» к заголовку и автоматически устанавливает data-icon в arrow-l.Я также забыл поместить каталог images в свой проект. 

// 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>
0 голосов
/ 12 января 2011

data-icon="arrow-l" необходимо в кнопке назад.Я не уверен, как они делают это по умолчанию для автоматически сгенерированной кнопки назад на страницах документации jquerymobile.com.Глядя на это.Возвращайтесь позже.

Также - вы не должны копировать jqm-docs.css

...