目标:通过$.ajax
加载HTML内容,将其插入到DOM中,让jQuery Mobile对其应用主题样式。
问题:内容已插入,但缺少 jQuery Mobile 主题。
代码:
$.ajax({
...
success: function(html) {
$('#container').append(html);
$('#page').page('refresh', true);
}
});
返回的 HTML 包含 jQM 应该设置样式的 data-role
标签...
<a data-role="button">Do Something</a>
我没有应用应有的样式,而是收到以下错误:
<小时 />uncaught exception: no such method 'refresh' for page widget instance
以上代码使用http://code.jquery.com/mobile/latest/jquery.mobile.js
类似的问题让我看到了上述错误消息:
Consistently update page with appropriate jQuery Mobile styles
JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
请您参考如下方法:
刚刚得到类似问题的答案,请尝试使用
.trigger("create")
在添加内容的元素上。
请参见此处:jQuery Mobile does not apply styles after dynamically adding content