如何从 cero 创建一个 fancybox 并向其附加内容

Question

我正在使用 FancyBox 库创建模式，当我使用文档中提到的基本方法通过将“data-fancybox”属性添加到标签时，一切正常。到目前为止，一切都很好。现在我正在尝试从零开始创建一个新模式，具体取决于会话是否成功，并且需要添加内容。

我试过下面的代码，它有效……部分地，它创建了一个空模式。我似乎无法向其中添加所需的内容。根据文档，我应该使用 setContent() 函数并将它传递给 HTMLElement。

这是我的代码：

@if(session('success'))
    <script>
      // Crear el elemento div
      var modalDiv = document.createElement('div');
      modalDiv.id = 'modal';
      // Establecer el contenido del div
      modalDiv.textContent = 'Contenido del Modal';
      // Agregar el div al documento
      // document.body.appendChild(modalDiv);
      var options = {};
      var slide = {
        "isDom": false,
        "transition": false,
        "src": "#modal",
        "type": "inline",
      };
      var fancy = Fancybox.show(slide, options);
      console.dir(typeof modalDiv)
      console.dir(fancy)
      fancy.setContent(modalDiv)
    </script>
@endif

出于某种原因，modalDiv 变量是一个对象。我做错了什么？

顺便说一下，我在一个 Laravel 项目中，这段代码在刀片文件中，尽管我认为这不太重要。

提前谢谢你。