écart de l'espace de grille jQuery Mobile

StackOverflow https://stackoverflow.com/questions/5855266

Question

J'utilise jQuery grilles de mise en page mobile avec 2 colonnes, mais il y a un écart de l'espace lorsque la hauteur de la cellule est différent.

Exemple: 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>jQueryMobile Demos</title>                         
        <link type="text/css" rel="stylesheet" href="jquery.mobile-1.0a4.min.css" />
        <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="jquery.mobile-1.0a4.min.js"></script>            
    </head>
    <body>        
        <div data-role="page">
            <div data-role="content">
                <div class="ui-grid-a">
                    <div class="ui-block-a"><div class="ui-bar ui-bar-c">Name</div></div>
                    <div class="ui-block-b"><div class="ui-bar ui-bar-c">Diogo<br />Cardoso</div></div>             
                </div>
            </div>
        </div>  
    </body>

Était-ce utile?

La solution

Dans la documentation (dans l'exemple), ils utilisent une étiquette de style en ligne pour la hauteur. Documentation: http://jquerymobile.com/demos/1.0a4 .1 / docs / content / contenu grids.html

balise de style en ligne: style="height:120px"

Voici un exemple de travail: http://jsfiddle.net/V4uqN/5/

http://api.jquery.com/css/

Quelque chose comme: 

$('#element').css('height','120px');
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top