jquery - 你能帮我把我的表单脚本嵌入到我的 FancyBox 中吗？

Question

早上好，

我无法弄清楚如何将表单脚本嵌入到我的 FancyBox 中。

我是新手，所以提前道歉。我到处找，但似乎找不到正确的答案。

我创建了一个非常简单的测试页面，这样我就可以用它来弄清楚这一切是如何工作的。

基本上，我需要用我的表单替换弹出的图像。

这是我需要嵌入的表单脚本：

<script charset="utf-8" src="//js.hubspot.com/forms/current.js"></script>

<script>

  hbspt.forms.create({ 

    portalId: '206683',

    formId: 'ecaa931c-1fc4-4b96-8aea-b040169f449d'

  });

</script>

这是我的测试页面：

http://online.saintleo.edu/FancyBox2/FancyBox2.html

先感谢您。非常感谢您的时间和指导。

Answer 1

回答以获取格式

主页：

<table width="1264px" height="100" border="0" bgcolor="#0A3D32">
  <tr>
    <td><img src="https://online.saintleo.edu/main-logo.png" width="334" height="94" /></td>
    <td>
      <a class="iframe" href="#form"><img src="https://online.saintleo.edu/RequestInfoButton-Test.jpg" width="127" height="36" /></a>
    </td>
  </tr>
</table>
<div id="form" style="display:none">
  <iframe height="500" src="form.html"></iframe>
</div>

表单.html

<script charset="utf-8" src="https://js.hubspot.com/forms/current.js"></script>
<script>
  hbspt.forms.create({
    portalId: '206683',
    formId: 'ecaa931c-1fc4-4b96-8aea-b040169f449d'
  });
</script>