Добавить кнопку закрытия в средство просмотра, созданное с помощью jquery?

Question

Я создал средство просмотра, которое внедряю в перетаскиваемый слой для отображения в случае, если какой-либо элемент выходит из исходного контейнера.

Проблема возникает иногда, когда операторы закрыты средством просмотра, которое я разместил в правом нижнем углу экрана. Я хочу решить это, поставив кнопку, чтобы удалить самого зрителя.

Проверка документации jQuery и старых постов Я нашел что-то, что подходит к решению, но я не думаю, что получаю это в нужном слое. Есть ли кто-то, кто может дать мне руководство о том, что я делаю неправильно? Заранее спасибо.

_createMain: function() {
  this.element.empty();
  this.element.addClass('container-main');

  this.wrapper = $('<div class="container-wrapper"></div>');
  this.wrapper.appendTo(this.element);

  this.layers.links = $('<svg class="container-links-layer"></svg>');
  this.layers.links.appendTo(this.wrapper);

  this.layers.operators = $('<div class="container-operators-layer unselectable"></div>');
  this.layers.operators.appendTo(this.wrapper);

  this.layers.temporaryLink = $('<svg class="container-temporary-link-layer"></svg>');
  this.layers.temporaryLink.appendTo(this.wrapper);

  this.viewer = $('<div class="viewer"></div>');
  this.viewer.appendTo(this.element);
  this.viewer = $('.viewer').dialog({
    button: {
      cancel: function() {
        $(this).dialog("close");
      }
    },
    close: function() {
      this.viewer.add();
    }
  })