jQuery Mobile CSS not styling插入JS的HTML

Question

我正在用Backbone.js和jQuery Mobile製作移動web應用程序，但我遇到了一些樣式問題。只是爲了測試一下我想要設計我的註銷按鈕。造型前，我有：

this.$el.append('<input type="button" id="logoutButton" value="Logout">'); 

在我的代碼，這一直工作正常的特定點。我將此行更改爲：

this.$el.append('<a href="" data-role="button" data-theme="c" data-inline="true" id="logoutButton"> LOGOUT </a>'); 

但是，當我這樣做時，它只是將「LOGOUT」顯示爲未應用CSS的純鏈接。我試着把相同的代碼放在我的HTML文件中，而不是用JS插入它，並且它的樣式正確。我加載我的文件在我的文檔的頭部之前所有其他文件和我的JS代碼包含在一個函數綁定到$(document).ready()，所以我不知道爲什麼CSS不起作用。

我錯過了一些概念？我怎樣才能解決這個問題？

Answer 1

我認爲你需要使用buttonMarkup刷新造型像這樣：

$("#one").append('<a href="" data-role="button" data-theme="c" data-inline="true" id="logoutButton"> LOGOUT </a>') 
$("#logoutButton").buttonMarkup("refresh"); 

哪裏#one只是一個隨機頁面的HTML。

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

And DONT USE ready event with jQM.