2016-04-13 2 views
0

Ich habe eine Tabelle mit Option zum Entfernen einer Zeile.Jquery Mobile POP Up Capture Klicken Sie

Meine Forderung ist, dass, wenn sie auf dem Remove Link geklickt, ich brauche einen JQuery Mobile Pop zu zeigen, mit ja oder nein Optionen auf, wenn geklickt Ja nur die Zeile muss gelöscht werden, sonst nichts tun

Könnten Sie bitte lassen Sie mich wissen, wie das geht?

Dies ist mein Code

var original = $('table').html(); 
$('.delete').on('click', function() { 
$("#itemdelpopup").popup("open"); 
    $(this).closest('tr').children('td').addClass('deleteHighlight').animate({ 
     padding: 0 
    }).wrapInner('<div />').children().slideUp(function() { 
     $(this).closest('tr').remove(); 
    }); 
    return false; 
}); 

http://jsfiddle.net/2EL5R/146/

Antwort

1

ich Ihre jsfiddle mit einer Arbeitslösung aktualisiert haben.

Habe ich nur IDs zu den Schaltflächen in dem Pop-up für die Möglichkeit, die Click-Ereignisse auf diese Weise zu erfassen:

var original = $('table').html(); 
var clickedTD; 
$('.delete').on('click', function() { 
$("#itemdelpopup").popup("open"); 
    clickedTD=$(this).closest('tr').children('td'); 
}); 

$("#yes").click(function(event){ 
    clickedTD.addClass('deleteHighlight').animate({ 
     padding: 0 
    }).wrapInner('<div />').children().slideUp(function() { 
     $(this).closest('tr').remove(); 
    }); 
    $("#itemdelpopup").popup("close"); 
}); 

$("#no").click(function(event){ 
    alert("the user clicked NO!"); 
    $("#itemdelpopup").popup("close"); 
});