Olha, estou criando um projeto para celular com html, javaScript e css, e estou com um problema na pagina que mostro meus cadastros, o problema é que eu clono uma campo para mostrar os resultados do select, mas toda vez que entro nessa pagina ele duplica os resultados, eu já tentei apagar as linha s antes do select, mas ou ele apaga tudo ou nada, já tentei varios métodos e nada, alguma ajuda.
[code]
<div data-role="header">
<h1 class="cab"></h1>
</div><!-- /header -->
<div id="date">
<div class="mostraraqui">
</div>
</div><!-- fim da div date -->
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<a id="voltar_med" href="#primeira" data-icon="left" data-theme="b">Voltar</a>
</div><!-- /footer -->
[code]function mostrar(){
$(".med").click(function(){
$(".mostraraqui").append('<ul data-role="listview">'+
'<li id="entryTemplate" class="entry" style="display: none;" data-icon="delete">'+
'<a class="label" >'+
'<a class="delete" data-icon="delete" data-theme="b" data-inline="true"></a>'+
'</a></li></ul> ');
db.transaction( function (tx) {
tx.executeSql(
'SELECT * FROM dados',
[],
function (tx, results)
{
var len = results.rows.length;
for (var i = 0; i < len; i++)
{
var row = results.rows.item(i);
var newEntryRow = $("#entryTemplate").clone();
newEntryRow.removeAttr("id");
newEntryRow.removeAttr("style");
newEntryRow.data("entryId",row.id);
newEntryRow.appendTo("#date ul");
newEntryRow.find(".label").text(row.nome);
// mostrar o indice do li
$("li").each(function(i){
newEntryRow.find(".ideq").text(i);
});
newEntryRow.find(".delete").click(function(){
var clickedEntry = $(this).parent();
var clickedEntryId = clickedEntry.data("entryId");
deleteEntryById(clickedEntryId);
clickedEntry.slideUp();
});
}
},
function (tx, error)
{
alert('ooops ' + error.message);
}
);
});
}
);
}
// fim da função mostrar os dados salvos
function deleteEntryById(id){
alert('ooops '+ id);
db.transaction(
function(transaction){
transaction.executeSql(
‘DELETE FROM dados WHERE id=?;’,
[id]);
});
}[/code]