jQuery Mobile CSS没有样式化JS插入HTML

我正在使用Backbone.js和jQuery Mobile制作移动网络应用程序，但我遇到了一些样式问题。 只是为了测试一下我想要设置我的Logout按钮。 在造型之前，我有：

this.$el.append(''); 

在我的代码的某一点，一直工作正常。 我将此行更改为：

 this.$el.append(' LOGOUT '); 

但是，当我这样做时，它只显示“LOGOUT”作为没有应用CSS的普通链接。 我尝试将相同的代码放在我的HTML文件的正文中，而不是使用JS插入它，并且它的样式正确。 在所有其他文件和我的JS代码包含在绑定到$(document).ready()的函数中之前，我将CSS文件加载到文档的头部，所以我不确定为什么CSS不能正常工作。

我错过了概念性的东西吗？ 我怎样才能解决这个问题？

Answer 1

我认为您需要使用buttonMarkup刷新样式，如下所示：

 $("#one").append(' LOGOUT ') $("#logoutButton").buttonMarkup("refresh"); 

其中#one只是HTML中的随机页面。

演示： http ： //jsfiddle.net/hungerpain/tEnet/

并且不使用jQM使用ready事件。