jQuery移动页脚与标题不同的规则

时间:2013-11-15 16:16:25

标签: jquery-mobile

The documentation

The footer bar has the same basic structure as the header except it uses the data-role attribute value of footer.

但是this fiddle表明我无法以与标题相同的方式将控件放在页脚中。

问:我如何编写一个页脚,以便有一个文本后跟一个h1标签后跟文本,它们都在同一行?

1 个答案:

答案 0 :(得分:1)

您可以使用jQM应用于标题元素(ui-btn-left, ui-title, ui-btn-right)的相同类:

<div data-role="footer">
    <a href="JavaScript:;" class="ui-btn-left" >c</a>
    <h3 class="ui-title">Footer</h3>
    <a href="JavaScript:;" class="ui-btn-right" >d</a>
</div> 

以下是您更新的小提琴: http://jsfiddle.net/ezanker/mXjHJ/86/