Item bij verwijderen niet gelijk uit t lijstje
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$(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;
});
});
$.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;
});
});
Gewijzigd op 17/07/2014 02:10:54 door Francoi gckx
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 (js)
1
2
3
4
5
6
7
2
3
4
5
6
7
<script type="text/javascript">
$(function() {
$("#listInserts").on("click", "a.del", function(e) {
//doe je ding
});
});
</script>
$(function() {
$("#listInserts").on("click", "a.del", function(e) {
//doe je ding
});
});
</script>
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.
Gewijzigd op 17/07/2014 11:03:47 door Ger van Steenderen