面板内的JQuery Mobile Grid

时间:2014-06-28 08:47:07

标签: html css jquery-mobile panel

我有一个奇怪的问题,我希望将一个面板和一个网格放在这个面板内(我的面板几乎使用了整个屏幕空间)。

    <div id="panel" data-position="right" data-role="panel" data-display="overlay" data-dismissible="false" > 
        <a href="#" id="closepanel" class="ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all"></a>
        <div class="ui-pannel-inner">

        <div data-role="panel-content" >

             <div class="ui-grid-solo">
                        .. some html
             </div>

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

                      <div class="ui-block-a" >
                           <a data-role="button"  data-corners="false" id="commit">commit</a>
                      </div>
                      <div class="ui-block-b">
                            <a data-role="button"  data-corners="false" id="commitAll">commit all</a>
                      </div>  

                      <div class="ui-block-c" >
                         <a data-role="button" data-corners="false" id="toggleInterval">toggle</a>
                      </div>  
            </div>

        </div>

当我使用上标记时,按钮不会显示在已定义的块中。第一个按钮没问题,秒数跨越块b和块c的整个区域,第三个按钮位于下一行...我通过使用

更改了按钮的显示方式 ....

但是有人能给我一个暗示为什么会这样吗?可能是我经常使用用户面板而且我不想在输入字段中遇到其他问题......

非常感谢...

和j

0 个答案:

没有答案