以下のサンプル コードは、ページが ajax 経由ではなく直接読み込まれない限り、すべてのページで 1 つのマルチ ボタンとして表示されます。そのため、サイトを初めてロードしたとき、ボタンは 3 つの個別のボタンとして表示されますが、最初のロード後は正しく表示されます。これは、ウェブサイトをロードするすべてのページに適用されます。jquery モバイル 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>