Image en jQuery Mobile bouton n'apparaît pas

J'ai le set-up jQueryMobile plugin sur mon blog en version mobile par l'instruction de jQueryMobile de la documentation.

<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>

et de la page de description est comme suit

<!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>

Malheureusement, l'image en arrière bouton n'apparaît pas dans ma page. Et j'ai aussi mis jQuerymobile dossier d'images dans ma page de projet. Il y a tout de configuration n'ai-je oublier de configurer?

Image en jQuery Mobile bouton n'apparaît pas

InformationsquelleAutor PPShein | 2011-01-12
  1. 2

    J'étais à la recherche par le biais de ce code hier, mais au lieu de regarder la Alpha 2 communiqué (à partir de 12 Nov, 2010), je suis allé à la jquery-mobile page sur GitHub et a obtenu la branche master download.zip.

    Le code ci-dessous est ce qu'ajoute le bouton de retour à l'en-tête et définit automatiquement l' data-icon à arrow-l. J'avais aussi oublié de mettre le répertoire d'images dans mon projet.

    //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 );
}

    J'ai également nécessaire d'inclure ces fichiers js et css, dont j'ai copié à partir de la télécharger dans le répertoire racine de mon projet.

    <link rel="stylesheet" href="jquery.mobile.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.mobile.js"></script>
    • Voter à vous et bonne réponse. J'ai télécharger Alpha 2 hier et testé déjà. Curieusement, c'est beau comme une flèche indiquant dans le bouton back.
    InformationsquelleAutor Kevin Hakanson
  2. 3

    Vous devriez vérifier http://jquerymobile.com/download/ et le fichier zip à la fin de la page.

    Le fichier zip contient le répertoire d'images.

    Vous devez placer le répertoire d'images dans le même répertoire que votre jquery mobile fichier css.

    • Bien sûr, j'ai déjà mis le dossier d'Images dans le même répertoire que les fichiers CSS. Mais il n'est pas wor,
    InformationsquelleAutor lefakir
  3. 0

    data-icon="arrow-l" est nécessaire dans le bouton back. Je ne suis pas sûr de savoir comment ils le font par défaut pour les auto-généré bouton de retour ojn jquerymobile.com docs pages. La recherche en elle. Revenir plus tard.

    Aussi - vous ne devez pas copier le jqm-docs.css

    • Nope. Bouton de retour est généré automatiquement par jQueryMobile. J'ai déjà regardé à travers les propos de bouton de Retour dans les docs de la page. Mais, n'obtenez pas de réponse pour l'instant.
    • Oui, je sais, c'est générée. Mais de toute façon dans docs&démos sur jquerymobile il obtient les données-icône de l'attribut et quand je l'utiliser - il ne l'est pas.
    InformationsquelleAutor naugtur