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的风格..我试着这样做。触发（'创建'）但没有成功。

有什么建议吗？谢谢！

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

失败风格与负载jquery移动

1 个答案: