Jquery mobile 在jquerymobile中动态创建表

我正在用html文件在JQM中创建表插件。它工作正常

html页面

<table data-role="table" data-mode="columntoggle" class="ui-responsive table" id="service">
....
</table>

....

但是我想动态地创建一个表。这样做的时候。JQM默认插件不适用

我的代码是

var service_table = $('<table data-role="table" data-mode="columntoggle" class="ui-responsive table" id="service"></table>')


            var service_tr_th = $("<tr><th>Name</th></tr>");
        var service_tr=$('<tr></tr>');
        var service_name_td=$('<td>'+retServiceName+'</td>');
        $(service_name_td).appendTo(service_tr);
        $(service_tr_th).appendTo("#categories");
        $(service_tr).appendTo(service_table);
        $(service_table).appendTo("#categories");

var服务\u表=$（“”）
var服务_tr_th=$（“名称”）；
var服务成本=美元（“”）；
var服务名称td=$（''+retServiceName+''）；
$（服务名称）。附件（服务名称）；
$（服务类别）。附于（“#类别”）；
$（服务表）.appendTo（服务表）；
$（服务表）。附加到（“#类别”）；

在Html页面中

<div id="categories"></div>

---

创建列切换表时，将ad和TBODY以及

data priority=“x”

添加到标题单元格（请参阅）。最后调用

.table（）

方法，告诉jQM增强表：

var service_table = $('<table data-role="table"  data-mode="columntoggle" class="ui-responsive table-stroke" id="service"></table>');


var service_tr_th = $("<thead><tr><th data-priority='1'>Name</th><th>Col2</th data-priority='2'></tr></thead>");
var service_tbody = $('<tbody></tbody>');
var service_tr = $('<tr></tr>');
var service_name_td = $('<td>' + retServiceName + '</td><td></td>');
service_name_td.appendTo(service_tr);
service_tr_th.appendTo(service_table);
service_tr.appendTo(service_tbody);
service_tbody.appendTo(service_table);
service_table.appendTo($("#categories"));

service_table.table();

var服务\u表=$（''）；
var服务_tr_th=$（“名称2”）；
var服务主体=$（''）；
var服务成本=美元（“”）；
var服务名称td=$（''+retServiceName+''）；
服务名称附录（服务名称）；
服务贸易附录（服务表）；
服务附件（服务主体）；
服务正文附录（服务表格）；
服务表.附件（$（“#类别”）；
服务_table.table（）；

这里有一个

注意：对于已经是jQuery集合的变量，例如service\u tr、service\u name\u td等，不需要$（）