如何在jquery mobile中添加css的主頁按鈕？

Question

我有一個jQuery的移動網站。它的大約50個html頁面，我需要在我的頭文件中添加一個簡單的主頁按鈕。是否有可能從CSS添加此按鈕，或者我需要逐個打開所有的html文件並添加它？

的按鈕這麼簡單：

<a href="http://myHomepage.com" data-icon="home" data-iconpos="left" data-direction="reverse" class="ui-btn-right">Home</a> 

而且我怎樣才能使這個按鈕出現在左邊？出於某種原因，它出現在右側。

另外我怎麼能改變我的標題從CSS的主題顏色，而不是在每個文件上更改它？

非常感謝您

Answer 1

工作例如：http://jsfiddle.net/Gajotres/ZUYmt/

$(document).on('pageinit', function(){  
    $('<a href="#index" data-icon="home" data-iconpos="left" data-direction="reverse" class="ui-btn-left" data-theme="a">Home</a>').button().appendTo('[data-role="header"]'); 
}); 

1. 不，你不能只使用CSS添加一個按鈕，但你可以用jQuery做到這一點，例如可在上面工作的例子可以找到。

2. 對於按鈕TI顯示在左側變化按鈕屬性class="ui-btn-right"到class="ui-btn-left"

3. 這是可以做到這樣的：

   $(document).on('pagebeforecreate', function(){ 
       $('[data-role="header"]').attr('data-theme','a');   
   }); 
   

Answer 2

如果你的網站不使用模板文件創建佈局，並內置頁逐頁那麼你最好的選擇是使用jQuery主頁按鈕添加到每個頁面。如果它確實使用了模板文件，那麼使用它們是因爲這樣可以避免在無javascript環境中呈現按鈕的問題。

關於您的其他問題，您需要向我們展示更多的代碼，並可能設置一個小提琴。