javascript - 未应用 jQuery Mobile 样式

Question

我有以下标记，动态注入。fieldcontain没有样式。

var markup = '';
markup += ('<div data-role="fieldcontain"><textarea cols="40" rows="4" name="" id="comment"></textarea></div><a data-role="button" href="#" id="updateComment" data-theme="b">Post Comment</a>');    
$('#fbCommentblock').empty().append(markup);

Answer 1

必须手动增强动态添加的内容。每个 jQuery 移动小部件都有独特的功能，例如 listview 有一个方法称为：

$('#listviewID').listview('refresh');

但是因为我看不到您要附加的内容，所以请使用：

$('#contentId').trigger('create');

将样式动态添加的内容添加到 data-role="content" div 标签。

如果你想了解更多关于这个主题的信息，请阅读我的博客文章这里。在那里你会发现这个主题有很多工作示例的详细描述。