Jquery mobile jQuery移动网格未显示所有内容

在我的jQuery移动应用程序中，我的屏幕上没有显示一些内容。一些内容显示在我的标题和导航栏下。这是我使用的代码，我正在使用solo和2列网格

我的问题的图像：

我的网格代码：

 <script id="tradeTemplate" type="text/x-jquery-tmpl">

    <div class="ui-grid-solo">
        <div class="ui-block-a"><div class="stock">Stock:${title}</div></div>
    </div>
   <div class="ui-grid-a">
        <div class="ui-block-a"><div class="position" style="width:100%">Type</div></div>
        <div class="ui-block-b"><div class="position" style="width:100%">${type}</div></div>
        <div class="ui-block-a"><div class="position" style="width:100%">Position</div></div>
        <div class="ui-block-b"><div class="position" style="width:100%">${position}</div></div>
        <div class="ui-block-a"><div class="position" style="width:100%">Entry</div></div>
        <div class="ui-block-b"><div class="entry" style="width:100%">${entry}</div></div>
        <div class="ui-block-a"><div class="position" style="width:100%">Stoploss</div></div>
        <div class="ui-block-b"><div class="stoploss" style="width:100%">${stoploss}</div></div>
        <div class="ui-block-a"><div class="position" style="width:100%">Target1</div></div>
        <div class="ui-block-b"><div class="target1" style="width:100%">${target1}</div></div>
        <div class="ui-block-a"><div class="position" style="width:100%">Target2</div></div>
        <div class="ui-block-b"><div class="target1" style="width:100%">${target2}</div></div>
    </div>
    <div class="ui-grid-solo">
            <div class="ui-block-a"><div class="shareimage" style="width:100%"><center><img  src='http://www.stock-hunter.net/system/files/styles/large/private/${screenshot.filename}' ></center>  </div></div>
        </div>
       <div class="ui-grid-solo">
           <div class="ui-block-a"><div class="explanation" style="width:100%">Explanation:  ${explanation}</div></div>
   </div>
        <div class="ui-block-solo"><div class="warning" style="width:100%">Please keep in mind  all trades are at own risk! If a level don't get touched in a straight way the trade is not valid  anymore!</div></div>
    </div>
    <div class="ui-grid-a">
        <div class="ui-block-a"><div class="position" style="width:100%">Result:${result}</div>  </div>
        <div class="ui-block-b"><div class="position" style="width:100%">Post date:${creationdate} </div></div>
    </div>
</script>

---

这是我在jquery手机演示页面上找到的代码

<div class="ui-grid-a">

先前的 下一个 更多

---

您是否也正确使用了JQM标题和JQM内容？数据角色=标题&数据角色=内容

类似的，演示

---

您仍然有ui-block-solo。要在我的脚本中显示内容，而不是在网格modus中，而是在我手机的整个空间中显示内容，正确的代码是什么？您好，这是我的JQ标题和JQ内容：

<div data-role="page" id="home">
    <div data-role="header" data-position="fixed">
         <h1>Title</h1>
         <div data-role="navbar" class="test1" data-grid="d">
           <ul id="footer_nav" data-transition="none"> 
            <li><a data-transition="none" id="menu_nav_walloffame" data-icon="custom" data-iconpos="top" > Wall</a></li>
            <li><a data-transition="none" id="menu_nav_associateview" data-icon="custom" data-iconpos="top">Associate</a></li>
            <li><a data-transition="none" name="menu_nav_managersview" id="menu_nav_managersview" data-icon="custom" >Managers</a></li>
            <li><a data-transition="none" id="menu_nav_treasurechest" data-icon="custom" data-iconpos="top" >Treasure</a></li>
            <li><a data-transition="none" id="menu_nav_redeem" data-icon="custom" data-iconpos="top" >Redeem</a></li>
           </ul>
        </div>
    </div>
    <div data-role="content">
        <div class="ui-grid-a">
            <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:30px">Block A</div></div>
            <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:30px">Block B</div></div>
            <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:30px">Block A</div></div>
            <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:30px">Block B</div></div>
            <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:30px">Block A</div></div>
            <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:30px">Block B</div></div>
            <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:30px">Block A</div></div>
            <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:30px">Block B</div></div>
        </div><!-- /grid-a -->
    </div>
    <div data-role="footer" data-position="fixed">
         <h1>footer</h1>

    </div>
</div>