Question

我正在从TM购买的美容院模板中创建一个网站！

我想创建一个在线预订表格，其中包含名称号码服务类型的验证，但是我无法获得打开的链接，该链接也将使用jquery NOT html弹出

我如何修复此问题...我必须插入的代码是什么，以便当您点击“立即预订”时，页面中央会出现一个jquery弹出框，并且它上面有一个预订表单...

我用google搜索和Google搜索但是对我来说这是全新的，就像在jquery的NOOB中一样......

这是模板的现场演示

（演示http://osc4.template-help.com/wt_31562/index.html#的模板链接）

以下是我试图放置弹出式jquery的代码

<dt class="dt3"><a href="#"></a><img src="images/shadow.png" alt="" class="shadow"></dt>
<dd id="page3">
  <div class="inner">
    <div class="content">
      <section class="col-1">
        <h2>our services</h2>
        <p>Vintage Beauty</p>
        <p class="dark">We offer Free Consultation for Botox, Fillers, Medical Skin Peels, Cosmetic Surgery
          <br> & also specialise n body and skin care.
          </p>
        <img src="images/page2-img1.png" alt="" class="p2"> <a href="#" class="more">view more</a> </section>
      <section class="col-2">
        <h2>services</h2>
        <ul class="list p2">
         <li><a href="#">Fish Pedicures</a></li>
          <li><a href="#">Manicures</a></li>
          <li><a href="#">Pedicures</a></li>
          <li><a href="#">Waxing</a></li>
          <li><a href="#">Threading</a></li>
          <li><a href="#">Tanning</a></li>
          <li><a href="#">Body Massage</a></li>
          <li><a href="#">Nail/Eye Extensions</a></li>
          <li><a href="#">Eye Lash/Brow Tinting</a></li>
          <li><a href="#">Twinkle Toes</a></li>
          <li><a href="#">Teeth Whitening Kits</a></li>
          <li><a href="#">Hot Wax Specialists</a></li>
        </ul>
        **<a href="#" class="more">BOOK ONLINE NOW</a> </section>**
    </div>
  </div>
</dd>

Answer 1

我假设您使用的任何对话框弹出插件都支持iframe。找到该插件的网站，并查看文档页面，看看是否是这种情况。如果没有，谷歌：'jquery插件灯箱'，你会找到足够多的选项。

这是实质性的：如果您尝试在对话框中显示html，通常最好的方法是使用iframe。从本质上讲，iframe只是在第一个中显示第二个html页面。因此，您需要做的是为要在弹出窗口中显示的表单创建一个html页面，然后使用iframe链接到该页面。

查看关于iframe的w3school教程将有助于您真正了解此过程的工作原理。

就实现这一点而言，您将再次参考灯箱插件文档以获取帮助，因为我们无法知道脚本的工作原理。

jQuery弹出问题

1 个答案: