Я новичок в jQuery Mobile и HTML5. Я создал страницу с простой операцией CRUD в хранилище SQLite WebSQL. Это работает хорошо.
На странице у меня есть кнопки для вставки и отображения информации (с помощью jQuery mobile) .. на этой кнопке правильно отображается кнопка мобильной темы jQuery и текстовое поле. Но при успешном обратном вызове Javascript, когда я визуализирую текстовое поле и кнопку, он отображается как обычное текстовое поле и кнопка HTML.
Ниже приведен мой фрагмент кода.
HTML:
<div id='riderResults'></div>
<a href="javascript:void(0);" data-role="button" data-inline="true" data-mini="true" data-theme="b" onClick="displayRider()" name="display" id="display">Add Report</a>
Javascript:
function displayRider(){
db.transaction(function(tx) {
tx.executeSql("select * from riders", [], function(tx, result) {
riderdataset = result.rows;
for (var i = 0, item = null; i < riderdataset.length; i++) {
item = riderdataset.item(i);
var output='';
output+='<div>'
+'<input type="text" value="'+item['riderName']+'" name="name'+i+' id="name'+i+'"/> '
+'<a href="javascript:void(0);" data-role="button" data-inline="true" data-mini="true" data-theme="b" onClick="updateRider('+i+')" name="update_rider" id="update_rider">Update Rider</a>'
+'</div>';
}
document.getElementById('riderResults').innerHTML=output;
});
});
}
Пожалуйста, может ли кто-нибудь дать мне правильное направление, в котором я был неправ .. Спасибо.