.append - jquery द्वारा जोड़े गए कोड को अनदेखा कर रहा है

हाय मैं वर्तमान में AJAX प्रतिक्रिया से एक पंक्ति जोड़ने के लिए .append फ़ंक्शन का उपयोग कर रहा हूं, हालांकि हटाए गए फ़ंक्शन नए बनाए गए रिकॉर्ड को अनदेखा कर रहा है। आप इस कामकाजी लाइव को देख सकते हैं http://booking.everythingcreative.co.uk/index2.php। मैं नहीं देख सकता कि मैं कहां गलत हो रहा हूं

पंक्ति कोड डालें:

var record =    "<tr id="customer_"+ outcome["id"] +"">
<td>"+ outcome["firstname"] +"</td>
<td>"+ outcome["surname"] +"</td>
<td>"+ outcome["email"] +"</td>
<td>"+ outcome["training"] +"</td>
<td><a class="confirmation button_live" href="tcpdf/PDF/testPDF.php?id="+ outcome["id"] +"&version=email">Send Invitation</a></td>
<td><a class="confirmation button_live" href="tcpdf/PDF/testPDF.php?id="+ outcome["id"] +"&version=download">Download</a></td>
<td>???????</td>
<td><a href="#" id="delete_"+ outcome["id"] +"" class="button_delete">Remove</a></td>";
$(".global_table tr:nth-last-child(2)").after(record);

कोड हटाएं:

$("body").on("click", ".global_table .button_delete", function(e) {
e.preventDefault();
var clickedID = this.id.split("_"); //Split ID string (Split works as PHP explode)
var DbNumberID = clickedID[1]; //and get number from array
var myData = "recordToDelete="+ DbNumberID; //build a post data structure

$("#customer_"+DbNumberID).addClass( "sel" ); //change background of this element by adding class
$(this).hide(); //hide currently clicked delete button

jQuery.ajax({
type: "POST", // HTTP method POST or GET
url: "assets/scripts/ajax.php", //Where to make Ajax calls
dataType:"text", // Data type, HTML, json etc.
data:myData, //Form variables
success:function(response){
//on success, hide  element user wants to delete.
$("#customer_"+DbNumberID).fadeOut();
},
error:function (xhr, ajaxOptions, thrownError){
//On error, we alert user
alert(thrownError);
}
});
});

जैसा कि आप देख सकते हैं customer_idनई पंक्ति के साथ बनाया जा रहा है इसलिए मुझे नहीं पता कि क्यों $("#customer_"+DbNumberID).fadeOut(); जवाब नहीं दे रहा है

उत्तर:

उत्तर № 1 के लिए 1

जब एक नया रिकॉर्ड बनाया जाता है, तो दो स्थानों में जोड़ा जाता है:

$(".global_table tr:nth-last-child(2)").after(record);

"Global_table" वर्ग के साथ दो टेबल हैं और पहली तालिका छिपी हुई है। जब यह कोड निष्पादित किया जाता है:

$("#customer_"+DbNumberID).fadeOut();

केवल पहला तत्व चुना जाता है (जो छुपा हुआ है) और दूसरा दिखाई देता है।


संबंधित सवाल
सबसे लोकप्रिय