1

私の jQuery モバイル アプリでは、一部のコンテンツが画面に表示されません。ヘッダーとナビゲーション バーの下に一部のコンテンツが表示されます。これは、ソロと 2 列のグリッドで作業しているグリッドに使用したコードです。

私の問題の画像: http://imageshack.us/photo/my-images/23/f3fs.png/

私のグリッドコード:

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

2 に答える 2

0

これは、jquery モバイルのデモ ページで見つけたコードです。

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

    前へ 次へ もっと見る

于 2013-06-16T16:29:21.373 に答える