Skip to main content
 首页 » 编程设计

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

2024年04月17日31xxx_UU

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

请您参考如下方法:

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

.trigger("create") 

在添加内容的元素上。

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