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插件文檔以獲取幫助。