javascript - jQuery Mobile 按钮未正确附加

Question

如果情况属实，我尝试将按钮附加到标题，但最终看起来像这样:

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

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');