jquery-mobile - 强制 jQuery Mobile 重新评估动态插入内容的样式/主题

Question

目标:通过$.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

jQuery Mobile - Dynamically creating form elements

Answer 1

刚刚得到类似问题的答案，请尝试使用

.trigger("create")

在添加内容的元素上。

请参见此处:jQuery Mobile does not apply styles after dynamically adding content