jQuery弹出问题

Question

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

我想创建一个名字数服务类型的验证的在线预订表格，但我无法得到一个链接，打开时弹出也使用jQuery而不是HTML

我如何解决这个问题。 ..我要插入什么代码，以便当你点击“现在预订”一个jQuery的弹出式出现在页面的中心，它有一个预订表格...

我已经谷歌搜索和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简单链接到该页面。

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

就实现这一点而言，由于我们无法知道脚本如何工作，因此您必须再次参考Lightbox插件文档以获取帮助。