Javascript jQuery Mobile未设置附加元素的样式

出于某种原因，jQuery似乎没有对我从JS动态添加的ui元素设置样式，如下所示：

<div id="menu">
    <h1 class="title">Menu</h1>
    <div id="menu-buttons" data-role="controlgroup">
    </div>
</div>
<script>
    $('#menu-buttons').append('<a href="#" data-role="button" data-icon="star">Star button</a>')
</script>

菜单
$（“#菜单按钮”）。附加（“”）

---

有什么想法吗？

请记住，jqm样式是通过js完成的，仅仅添加html是不够的。如果通过js操作或添加按钮，则应调用刷新方法来更新视觉样式

$('#menu-buttons, #menu-buttons').button().button('refresh');

---

我的选择器只是一个猜测。实际上，你应该给它自己的id或类，以便更好地选择

$（“#菜单按钮”）.trigger（“create”）

从jqm 1.4您必须自己添加按钮类，因此类似于

ui btn ui btn icon left ui icon star ui shadow

的内容将导致错误：无法在初始化之前调用按钮上的方法；试图调用方法'refresh'有什么想法吗？抱歉，只是忘记了应该先用button（）初始化它。所以正确的是button（）。button（'refresh'）。刚刚更新了答案。但是仍然要注意选择器——不知道哪一个会起作用。这应该只是其中之一。