與按鈕

jQuery Mobile的冠軍位置，我有我在iPhone（iOS 5中），這不正常大小運行一個簡單的應用程序和位置後退按鈕和標題文本。標題文本被放在按鈕下面。我猜jQuery Mobile並沒有像預期的那樣大小/定位事物...與按鈕

我後面的是標題文本被截斷並開始在後退按鈕的右側。標題右側不會有其他按鈕，所以如果它進入頁面右側就沒有問題了。

<!DOCTYPE html> 
    <html> 
     <head> 
      <title>Page Title</title> 
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"/>   
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
      <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> </head> 
     <body> 
      <div data-role="page"> 
       <div data-role="header"> 
        <a data-icon="arrow-l" data-rel="back">A long button</a> 
        <h1>A very very very long title</h1> 
       </div> 

       <div data-role="content"> 
        <p>Page content goes here.</p> 
       </div> 

       <div data-role="footer"> 
        <h4>Page Footer</h4> 
       </div> 
      </div> 
     </body> 
    </html>

可運行的例子是：http://jsfiddle.net/5n8WN/

我沒有看this answer，但我也嘗試沒有得到我需要什麼。

來源

2011-11-28 TofuBeer

您的標題被覆蓋的原因是H1標記的右側/左側有90px空白並且後退按鈕大於90px。您可以更改CSS規則爲.ui-title類解決這個問題：

.ui-title { 
    margin  : 0.6em 1em 0.8em 140px !important; 
    text-align : left !important; 
}

這裏是一個的jsfiddle：http://jsfiddle.net/jasper/5n8WN/1/

來源

2011-11-28 20:16:05 Jasper

自定義頭配置
如果你需要創建一個沒有按頭不遵循默認配置，只需將自定義樣式的標記包裝在標題容器內的容器div中，並且插件不會應用自動按鈕邏輯，因此您可以編寫自定義用於佈局標題中的內容的樣式。

也可以創建自定義欄而不使用標頭 data-role。例如，從任何容器開始，並添加 ui-bar類以應用標準條填充並添加ui-bar-b類以從您的主題中分配條樣式樣式（「b」可以是任何樣本字母）。

http://jquerymobile.com/demos/1.0/docs/toolbars/docs-headers.html

Eample：

<div class="ui-bar ui-bar-b"> 
    <h3>I'm just a div with bar classes and a <a href="#" data-role="button">Button</a></h3> 
</div>

來源

2011-11-28 21:00:53

回答

相關問題