Question

如何使用jquery mobile中的javascript api动态创建表插件。

现在我正在使用javascript中的append方法创建表插件，但我想在javascript api中创建它。

HTML

 <table data-role="table" data-mode="columntoggle" class="ui-responsive table ui-shadow" id="today_app">
        <tr><th>Name</th><th>Duration</th></tr>
      </table>

的javascript

for (var i = 0; i < serviceName.length; i++) {
$('#today_app').append('<tr><td>'+serviceName[i].name+'</td><td>'+serviceName[i].from+'</td></tr>');
}

Answer 1

没有jquery mobile追加的代码...

var   = document.getElementById('today_app');
for (var i = 0; i < serviceName.length; i++) {
    var row       = document.createElement("tr");  
    // create table cells
    var td1       = document.createElement("td");
    var td2       = document.createElement("td");
    td1.innerHTML = serviceName[i].name;
    td2.innerHTML = serviceName[i].form;
    // adding cells to row
    row.appendChild(td1);
    row.appendChild(td2);
    tableObj.appendChild(row);
}

使用javascript API动态创建表插件

1 个答案: