Item bij verwijderen niet gelijk uit t lijstje

Door Francoi gckx op 17-07-2014 02:10 gewijzigd op 17-07-2014 02:10

1.482 views

de rest doet het maar ik moet steeds refreshen


$(function() {
		
		$.get('dashboard/xhrGetListings', function(o) {
		
                                for(var i = 0; i < o.length; i++)
                                {
                                    
                                    $('#listInserts').append('<div>' + o[i].text + '<a class="del" rel ="' + o[i].id + '"href="#">X</a></div>');
                                }
                                
                                 $('.del').on('click', null, function() {
                                     
                                    delItem = $((this);
                                    var id = $(this).attr('rel');                       
                                    $.post('dashboard/xhrDeleteListing', {'id': id}, function() {											
                                                delItem.parent().remove();
					}, 'json');
                                        
                                    return false;
                                });  
			
			}, 'json');
		
		
		
		$('#randomInsert').on('submit', null, function() {
				var url = $(this).attr('action');
				var data = $(this).serialize();    
                                
				$.post(url, data, function(o) {					
						$('#listInserts').append('<div>' + o.text + '<a class="del" rel ="' + o.id + '" href="#">X</a></div>');
					}, 'json');
			
				return false;                                                           
			});
                              
		
	});

Ger van Steenderen

17-07-2014 11:02 gewijzigd op 17-07-2014 11:03

Op het moment dat je de pagina laadt, haal je met AJAX de gegevens op, daar is AJAX helemaal niet voor bedoeld.

Als je een item toevoegt, kan je het niet verwijderen omdat je alleen eventlisteners hebt op de elementen die in de html staan bij het laden van de pagina, dit kan je ondervangen door:
[code lang="js"]
<script type="text/javascript">
$(function() {
$("#listInserts").on("click", "a.del", function(e) {
//doe je ding
});
});
</script>
[/code]

Voor de rest is het gewoon een beetje rommelige code, en je vertelt ook niet wat er niet lukt, maar dit zijn de zaken die mij in eerste instantie opvallen.

Reageren

Inloggen om te reageren