J'ai un code jquery pour supprimer des données ligne par ligne dans ma vue de table. Lorsque l'utilisateur clique sur l'icône de suppression, la boîte de conformation est pop-up et a "Oui" et "Non" bouton. Si "Oui" la ligne est supprimée, si "Non" ferme la boîte de conformation et ne fait rien. Le problème est, je dois vous dire 2 données de ligne comme celui-ci: -jquery boucle ajax sans raison
<tr bgcolor=#ACACAC id='ak1'>
<td align='center'>1.</td>
<td>Data 1</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td align='center'>
<img src='image/DocEdit.png' class='editData' id='ID_16'> <img src='image/DocDelete.png' **class='deleteData'** id='**ID_16**'>
</td>
</tr>
<tr bgcolor=#6D6D6D id='ak1'>
<td align='center'>2.</td>
<td>Data 2</td>
<td></td>
<td></td>
<td></td>
<td align='center'>
<img src='image/DocEdit.png' class='editData' id='ID_17'> <img src='image/DocDelete.png' **class='deleteData'** id='**ID_17**'>
</td>
</tr>
Alors, quand je cliquez sur Supprimer données 1, le ID_16 est passé au code jquery. Que je clique sur "Non" sur la boîte de conformation. Après cela, je clique sur supprimer sur les données 2. Maintenant, je clique sur "Oui" sur la boîte de conformation. Data ID_17 supprimé de la base de données, buat après la suppression de ID_17, mon jquery va boucler et supprimer ID_16 et toutes les données que j'essaye de supprimer avant. C'est comme mettre en file d'attente l'action de suppression pour les données que je choisis "Non" sur la boîte de conformation. Voici mon code jquery.
//.deleteData is class for delete button
$('.deleteData').click(function(){
var idData=$(this).attr('id'); //get data id to delete
//Fade in the Popup for conformation delete
$('#cfm-box').fadeIn(300);
//Set the center alignment padding + border see css style
var popMargTop = ($('#cfm-box').height() + 24)/2;
var popMargLeft = ($('#cfm-box').width() + 24)/2;
$('#cfm-box').css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);
//if button no click, do nothing
//#no refer to the button ID no.
$('#no').click(function(){
$('#mask , .cfm-popup').fadeOut(300 , function() {
$('#mask').remove();
});
});//end #no
//if yes click, delete data from db
//#yes refer to the button ID yes.
$('#yes').click(function(){
//parameter to send for delete WHERE statement
var tahun = $('#tahunSemasa').val();
var suku = $('#sukuSemasa').val();
var dataString = "tahun="+tahun+"&suku="+suku+"&id="+idData+"&action=delete";
$.ajax({
type: "POST",
url: "prestasiProses.php",
data: dataString,
cache: false,
success: function(html)
{
alert(html);
if(html=='true')
{
window.location.href="main.php?a=31&tahun="+tahun+"&suku="+suku+"&act=delete";
}
else
{
alert("Failed!");
}
}
});
$('#mask , .cfm-popup').fadeOut(300 , function() {
$('#mask').remove();
});
});//end #yes
});//end .deleteData
Des idées pour lesquelles ce code boucle comme ça?
Merci pour l'aide
Ces lignes ont le même ID. Ce n'est pas une boucle. – Ohgodwhy
Essayez de supprimer les événements de clic 'yes' et' no' depuis l'événement de clic 'deleteData'. –
@RicardoLohmann, je supprime oui et non de l'intérieur deleteData. Cela fonctionne mais comment la façon dont je peux passer l'ID de ligne ID_16 et d'autres paramètre à oui bloquer le code pour supprimer cette ligne? – errorare