jquery mobile 1.4,data-inline =“true”的按钮仍然是全宽

时间:2014-06-05 18:45:36

标签: jquery-mobile

我刚刚升级到JQM 1.4.2。

我有一个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>

jqm增强的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" aria-haspopup="true" aria-owns="popupInfo" aria-expanded="false">Learn more</a>:
</div>

enter image description here

1 个答案:

答案 0 :(得分: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伙计们,您能否将其添加到升级指南中?