1

タブレットで実行されている JQuery モバイル アプリケーションがあります。しかし、私の問題は、ボタン (SEARCH) の位置が失われ、タブレットの向きが横向きのときに画面を見たい場合は、画面をドラッグする必要があることです。ポートレイトとランドスケープの両方で表示されるようにするにはどうすればよいですか?

<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 に答える