1

我有一个在平板电脑上运行的 JQuery 移动应用程序。但我的问题是我的按钮（搜索）丢失了位置，如果我想在平板电脑方向为横向时看到它，我必须拖动屏幕。如何确保它在纵向和横向上仍然可见？

<div id="divBody" data-role="page" data-theme="c">

            <div data-role="header" class="hesto">         
                  <h1>Weld Splice </h1>
            </div>

            <div data-role="content">   
                  <div> <input type="text" name="text-1" id="txtBarcode"      class="barcodeTxt"  placeholder="Scan barcode" value=""/></div> 
                  <div id="divButton"> <a href="#" id="btnBarcode" data-role="button"   data-iconpos="right" data-inline="true">Search</a></div> 
            </div>

            <div id="divFooter" data-role="footer" >

            </div>

</div>
4

2 回答 2

2

div用类包装每一个 - 输入和按钮ui-grid-solo

<div class="ui-grid-solo">
 <input type="text" name="text-1" id="txtBarcode" class="barcodeTxt" placeholder="Scan barcode" value="" />
</div>
<div class="ui-grid-solo">
 <div id="divButton"><a href="#" id="btnBarcode" data-role="button" data-iconpos="right" data-inline="true" data-icon="search">Search</a>
 </div>
</div>
于 2013-04-03T09:18:12.550 回答
0

如果按钮被按下，为什么不把它放在标题栏中？

如果您对这种方法感到满意，您可以更改如下内容

<div id="divBody" data-role="page" data-theme="c">
    <div data-role="header" class="hesto">
         <h1>Weld Splice </h1>
 <a href="#" id="btnBarcode" data-role="button" data-iconpos="right" class="ui-btn-right">Search</a>

    </div>
    <div data-role="content">
        <div>
            <input type="text" name="text-1" id="txtBarcode" class="barcodeTxt" placeholder="Scan barcode" value="" />
        </div>
        <div id="divButton"></div>
    </div>
    <div id="divFooter" data-role="footer"></div>
</div>

在http://jsfiddle.net/mayooresan/DuReF/上查看现场小提琴

于 2013-04-03T09:18:02.553 回答