jQuery Mobile Buttons未正确附加

Question

如果case为true，我试图将按钮附加到标题，但最终看起来像这样：

编辑和新事件按钮应该是一个控制组...

HTML

<div data-role="header">
<h1 class="ui-title" role="heading" id="hdr"></h1>
<div class="ui-btn-right" id ="addbuttons" data-role="controlgroup" data-type="horizontal">
</div>
</div>

JAVASCRIPT

$('#addbuttons').append('<div data-role="button" data-icon="gears" data-theme="b">Edit</div>');
$('#addbuttons').append('<div data-role="button" data-icon="plus" data-theme="b">New Event</div>');

Answer 1

每当您对页眉或页脚进行任何更改时，都需要以这种方式重新增强标记。

$('[data-role=page]').trigger('pagecreate');

你也可以使用它，

$('[data-role=header]').trigger('create');