javascript - 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 或 class 以便更好地选择。