JQuery按鈕樣式適用於導航欄，但不適用於表

Question

我在導航欄中使用了與表格中完全相同的代碼，但似乎不起作用。

我使用JS/jquery.mobile-1.1.1.min.js和PhoneGap的（科爾多瓦）

下面是對發生的事情截圖：

我使用這個HTML代碼來創建導航欄按鈕：

<div data-role="header"> 
    <a href="." data-icon="back" class="back ui-btn-left" data-rel="back">Back</a> 
    <h1>Conversion List</h1> 
</div> 

要生成在我使用JavaScript它遍歷每個值在祿表按鈕al數據庫表，並在屏幕html表中輸出值。

我有html代碼：

<div data-role="content"> 
<!--table which outputs the conversions stored in the database--> 
    <table id="viewConversions"width="100%"text-align="center" > 
    </table> 
    </br> 
    <a href="#drugs" data-role="button" id="btnlist">Add new conversion</a> 
</div> 

和JavaScript代碼：

$('#viewConversions').append('<tr><td>'+drug+'</td><td>'+route+'</td><td>'+ conversion +'</td><td>' +output+'</td><td><a href="" id="' + cid + '"data-icon="back" class="back ui-btn-left" data-rel="back"</a>Back</td></tr>'); 

是否JQuery的擴展不起作用的表或我在做別的事情了？

Answer 1

問題解決了通過添加這一段代碼入JavaScript的：

data-role="button" 

這允許jQuery來實現它是一個按鈕。

然後JavaScript的線下，我有：

$("#conversionlist").trigger('pagecreate'); 
$("#viewConversion").listview("refresh"); 

Answer 2

這將觸發pagecreate

$('#page-id').trigger('pagecreate');