jQuery按鈕ui-btn-錯誤的位置

我有2個按鈕，我希望在屏幕的左右兩端（都在底部）顯示。jQuery按鈕ui-btn-錯誤的位置

<div class="ui-field-contain"> 
<fieldset> 
    <button id = "back" class="ui-btn ui-icon-grid ui-btn-icon-right ui-btn-inline" data-position="fixed" onClick="getPrevious()">Previous</button > 
    <button id = "next" class="ui-btn ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed" onClick="getNext()">Next</button> 
</fieldset> 
</div>

enter image description here

我嘗試添加ui-btn-right ..

<button id = "next" class="ui-btn ui-btn-right ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed" onClick="getNext()">Next</button>

但是，它顯示。您可以看到定位不在線。

enter image description here

我失去了一些東西在這裏。另外，我正試圖將這些按鈕定位在頁腳上方的移動屏幕底部。試圖找到它的工作。

我嘗試添加以下樣式：

style="bottom: 50px ; position: fixed"

但按鍵重疊

來源

2015-07-11 Maheswaran Ravisankar

可以創建stacksnippets，jsfiddle http://jsfiddle.net來演示嗎？ – guest271314

你嘗試過'vertical-align：middle;'？ – gabe

@ guest271314 [已添加]（http://jsfiddle.net/nbfgcv51/）..但不幸的是，它顯示錯誤.. –

嘗試增加ui-btn-left類的「上一步」按鈕，通過ui-btn類用來刪除就可以了保證金

來源

2015-07-11 14:47:04

嘗試添加ui-btn-left,ui-btn-icon-left類到「上一個」按鈕

<div data-role="page"> 
     <div class="ui-field-contain"> 
      <fieldset> 
       <button id="back" class="ui-btn ui-btn-left ui-icon-home ui-btn-icon-left ui-btn-inline" data-position="fixed">Previous</button> 
       <button id="next" class="ui-btn ui-btn-right ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed">Next</button> 
      </fieldset> 
     </div> 
    </div>

jsfiddle http://jsfiddle.net/nbfgcv51/1/

來源

2015-07-11 14:47:10 guest271314

jQuery按鈕ui-btn-錯誤的位置

回答

相關問題