下面的示例代码在所有页面上显示为单个多按钮,除非页面直接加载而不是通过 ajax。所以第一次加载网站时,按钮显示为 3 个单独的按钮,但在初始加载之后,它会正确显示。这适用于我从中加载网站的任何页面。运行 jquery mobile 1.2.0。
<div data-role="footer" data-theme="a" data-position="fixed">
<div data-role="controlgroup" data-type="horizontal" style="text-align:center;">
<a href="tel:0000000000" data-role="button" data-icon="grid" data-inline="true" data-theme="b">Call Us</a>
<a href="http://www.website.com/" data-icon="star" data-role="button" data-inline="true" data-theme="b">Full Website</a>
<a href="https://login.website.com/" data-icon="gear" data-role="button" data-inline="true" data-theme="b">Login</a>
</div>
</div>