jQuery Mobile没有样式化附加元素

Question

由于某种原因，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>

有什么想法吗？

Answer 1

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

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

我的选择器只是猜测。 Acualy你应该给它自己的id或类以便更好地选择。