浏览器全屏中的lightbox2

Question

有没有办法让lightbox2在全屏（浏览器）而不是正文时绑定到div。

我正在尝试appendTo #lightboxOverlay和#lightbox到特定的div，但它会切换回正文。

function fullScreenControl() {
  $("#fullscreenController a").on("click", function(e) {
    var elem = document.getElementById('application');
    if (isFullScreen()) {
      $(this).removeClass("zoomed")
      $("#lightboxOverlay").appendTo("body");
      $("#lightbox").appendTo("body");
      exitFullScreen();

    } else {
      $(this).addClass("zoomed");
      $("#lightboxOverlay").appendTo("#application");
      $("#lightbox").appendTo("#application");
      requestFullScreen(elem || document.elem);

    }
    e.preventDefault();
  });
}

我的想法是我的#application div被告知全屏，他们可以使用lightbox2点击图片。但灯箱会快速回到身体标签。