Bootstrap DataTables onClick 函数返回值三次

如何解决Bootstrap DataTables onClick 函数返回值三次

嗨，我正在使用 Bootstrap 数据表，但我在使用以下代码时遇到了一些问题，其中 console.log 返回可用值三次而不是一次。当我使用警报而不是 Console.log 时发生同样的情况

var rootRef = firebase.database().ref("Patient Record");

rootRef.on("child_added",(snap) => {
 var name = snap.child("name").val();
 var dob = snap.child("dob").val();
 var gender = snap.child("gender").val();
 var bloodtype = snap.child("bloodtype").val();
 var phone = snap.child("phone").val();
 var regDate = snap.child("regDate").val();

$("#prDataTable").append(
"<tr><td>" +
  name +
  "</td><td>" +
  dob +
  "</td><td>" +
  gender +
  "</td><td>" +
  bloodtype +
  "</td><td>" +
  phone +
  "</td><td>" +
  regDate +
  "</td></tr>"
);

$(document).ready(function () {
 var table = $("#prDataTable").DataTable({
   retrieve: true,paging: false,info: false,});

   $("#prDataTable tbody").on("click","tr",function () {
    var data = table.row(this).data();
    console.log("You clicked on " + data[0] + "'s row");
   });
  });
});