失去风格与加载 jquery 移动

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移动的样式。我试图这样做。 触发（"创建"），但没有成功。

有什么建议吗？谢谢！

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');链接将保持未格式化。