Новые div с JavaScript

Question

У меня проблема с моим кодом JavaScript. На практике у меня есть функция, которая начинается с нажатия div через ajax, а затем я запрашиваю базу данных и динамически добавляю элементы div с append() к основному div без перезагрузки страницы. Теперь я хочу, чтобы код JavaScript читал мне также новые элементы div, добавленные ajax, как я могу обойтись без перезагрузки страницы?

  $(".cc > div").on('dbltap', function(){
  var taskid = $(this).data('id');
  var type = $(this).data('status');
  var device = $(this).data('device');

  if(type == 0){
    var status = "done";
    $(this).data('status', 1);
  }
  else{
    var status = "undone";
    $(this).data('status', 0);
  }

  done_undone(taskid, status, device);
})

Answer 1

Полагаю, вам нужно делегировать:

$(".cc").on("dbltap", "[data-id]", function(){
  // ...
})

Подробнее в документации по jQuery: https://api.jquery.com/on/#direct-and-delegated-events