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');