jquery-mobile - 使用加载 jquery mobile 失去风格

Question

我有一个这种格式的页面：

<div id="index" data-role="page">
     <div id="container"></div>
</div>

我将页面内容加载到#container 中，如下所示：

<script type="text/javascript">
 $(document).ready(function(){
    $('#container').load("pages/content.html");
 }); 
</script>

“pages/content.html”有这个内容：

<div data-role="content">

    <a href="pages/calendar.html" data-role="button">Calendar</a>
</div>

问题是按钮不带有jquery mobile的样式..我试着做。触发器（'create'）但没有成功。

有什么建议么？谢谢！

Answer 1

像这样的东西应该工作：

$(document).ready(function(){
    $('#container').html('<div data-role="content"><a href="pages/calendar.html" data-role="button">Calendar</a></div>');
    $('#container').trigger('create');
 }); ​

交换.html您的.load代码。请参阅jsFiddle：如果您注释掉$('#container').trigger('create');该链接将保持未格式化。