2014-06-05 59 views
1

我剛剛升級到JQM 1.4.2。jquery mobile 1.4,帶有data-inline =「true」的按鈕仍然是全寬

我有一個按鈕data-inline="true",它仍然是滿的容器寬度。

你能幫忙嗎?

我的HTML:

<div id="blink">Enter your <span> "your Factor"</span> 
    <a href="#popupInfo" data-rel="popup" class="ui-btn ui-alt-icon ui-icon-info ui-btn-b ui-btn-icon-notext" data-inline="true" data-transition="pop" data-overlay-theme="b" data-position-to="origin">Learn more</a>: 
</div> 

的Html由JQM增強:

<div id="blink">Enter your <span> "your Factor"</span> 
<a href="#popupInfo" data-rel="popup" class="ui-btn ui-alt-icon ui-icon-info ui-btn-b ui-btn-icon-notext" data-inline="true" data-transition="pop" data-overlay-theme="b" data-position-to="origin" aria-haspopup="true" aria-owns="popupInfo" aria-expanded="false">Learn more</a>: 
</div> 

enter image description here

+2

添加類'ui-btn-inline'。 – Omar

+0

打得好@Omar!謝謝 – Louis

回答

4

感謝@Omar的解決方案。

我們需要對類ui-btn-inline添加到HTML:

<div id="blink">Enter your <span> "your Factor"</span> 
    <a href="#popupInfo" data-rel="popup" class="ui-btn ui-alt-icon ui-icon-info ui-btn-b ui-btn-icon-notext ui-btn-inline" data-transition="pop" data-overlay-theme="b" data-position-to="origin">Learn more</a>: 
</div> 

JQM傢伙,可以請你將它添加到您的升級指南?

+3

刪除'data-inline =「true」'你不需要它。 '.ui-btn-inline'代替它。 – Omar

+0

對不起,我的錯誤,我已經將其刪除 – Louis