Problemas com linha duplicadas em JQUERY

0 respostas
C

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.

<!-- Inicio da mostrar -->
<div data-role="page" id="mostrar">
 
    <div data-role="header">
    <h1 class="cab"></h1>
    </div><!-- /header -->

 	
   <div data-role="content">
    
    <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 -->
</div><!-- /page -->
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]);
			 
			});
	
}
Criado 16 de julho de 2013
Respostas 0
Participantes 1