Javascript 如何在动态添加的元素上切换引导popover

我有一个弹出框，它在某个静态元素中的单击操作上显示和隐藏：

$('.check-out-cell').click(function() { // Close other popovers
    $('.popover').remove();
});

var newPopoverTemplate = '<div class="popover ...</div>';
$('.check-out-cell').popover({
    template: newPopoverTemplate,
    html: true,
    content: function() {
        console.log("asd");
        return $(this).parent().find('.content').html();
    }
});

$('.check-out-cell').click(function() {
  var popover = $(this).parent().find('.popover');
  configureSelectize(popover);
  configureDatepickers(popover);

  // Updates the dates in case they were modified
  popover.find('.start-date-input').val($(this).attr("data-start-date"));
  popover.find('.end-date-input').val( ymd(moment($(this).attr("data-end-date")).add(1,'days')));

  popover.find('.input-daterange .date-input').on('changeDate', function() {
  validateReservationDates($(this.form).find('.start-date-input'), $(this.form).find('.end-date-input'));
});

function configureSelectize(context) {
  context.find('.input-tags').selectize({
      delimiter: ',',
      persist: false,
      create: function(input) {
          return {
              value: input,
              text: input
          }
      }
  });
}

function configureDatepickers(context) {
  context.find('.input-daterange').datepicker({
      autoclose: true,
      format: "yyyy-mm-dd",
      orientation: "top",
      todayBtn: "linked",
      language: $('html').attr('lang')
  }).on('show', function(e) {
    $(".datepicker").css("top", $(e.target).outerHeight() + $(e.target).offset().top);
  });
  $("body").scroll(function() {
    $('.input-daterange').trigger('show');
  });
}

$（'.check out cell'）。单击（函数（）{//关闭其他弹出窗口
$（'.popover'）.remove（）；
});
var newPopoOverTemplate='很显然，我已经成功地实现了这一点，只需要用这些小chunck更改popover部分：

var popOverSettings = {
  template: newPopoverTemplate,
  html: true,
  selector: '.check-out-cell',
  content: function () {
    return $(this).parent().find('.content').html();
  }
}
$('body').popover(popOverSettings);

最重要的部分是选择器字段，它告诉popover要查找哪些元素来激活它。
很显然，我已经成功地实现了这一点，只需要用这些小图标更改popover部分：

var popOverSettings = {
  template: newPopoverTemplate,
  html: true,
  selector: '.check-out-cell',
  content: function () {
    return $(this).parent().find('.content').html();
  }
}
$('body').popover(popOverSettings);

最重要的部分是选择器字段，它告诉popover要查找哪个元素来激活它。
您有
$（文档）。在（'click'，'.check out cell'，function（）{
在代码中两次。您可以将两者合并在一个字段中并编写代码，执行相同的操作。我想知道是谁调用了popover（）这样我就可以更好地理解你的代码，看看什么是罪魁祸首。好的，我将用你的
$（文档）中的信息进行编辑。在（'click'，'上，签出单元格'，函数（）{
，在代码中两次。你可以将两者结合在一起编写代码，也可以这样做。我想看看是谁调用了popover（）这样我就可以更好地理解你们的代码，看看什么是罪魁祸首。好的，我会用这些信息来编辑