0

我在导航栏中使用了与表格中完全相同的代码，但它似乎不起作用。

我正在使用 js/jquery.mobile-1.1.1.min.js 和 Phonegap (Cordova)

下面是发生的情况的屏幕截图：

在此处输入图像描述

我正在使用这个 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 循环本地数据库表中的每个值并打印屏幕 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 扩展在表中不起作用还是我做错了什么？

4

2 回答 2

1

这将触发 pagecreate

$('#page-id').trigger('pagecreate');
于 2013-08-22T12:05:13.473 回答
0

通过将这段代码添加到 JavaScript 中解决了这个问题：

data-role="button"

这允许 jquery 实现它是一个按钮。

然后在我的 JavaScript 行下面：

$("#conversionlist").trigger('pagecreate');
$("#viewConversion").listview("refresh");
于 2013-08-22T12:13:45.760 回答