jquery（ほとんど）のフォームを作成する[contactable]？

Question

このJQプラグインのHTMLを説明するのに少し助けが必要です。

プラグインとデモはここにある：plugin & Demo

その呼ば「接触」

人/人々はJavaScriptを使用してポップアウトの形をした、HTMLのほとんどはJSにあり、 1

<div> 

は、htmlファイルの形式を呼び出すために使用されています。 これは、非侵襲的なフォームを本質的にページに置くことを可能にします。

誰もがおかげであなたが説明する必要はない何

Answer 1

コーディングのHTML部分を説明するのに役立つことができますか？ jQueryのセレクタにマッチした要素に次のHTMLを挿入（デモページから、あなたがにリンク）：

<div id="contactable_inner" style="margin-left: 377px; "></div> 
<form id="contactForm" method="" action="" style="margin-left: -10px; "> 
    <div id="loading"></div> 
    <div id="callback"></div> 
    <div class="holder"> 
     <p> 
      <label for="name">Name<span class="red"> * </span></label><br> 
      <input id="name" class="contact" name="name"> 
     </p> 
     <p> 
      <label for="email">Email <span class="red"> * </span></label><br> 
      <input id="email" class="contact" name="email"> 
     </p> 
     <p> 
      <label for="message">Message <span class="red"> * </span></label><br> 
      <textarea id="message" name="message" class="message" rows="4" cols="30"></textarea> 
     </p> 
     <p> 
      <input class="submit" type="submit" value="SEND"> 
     </p> 
     <p class="disclaimer"> 
      Please feel free to get in touch, we value your feedback 
     </p> 
    </div> 
</form> 

それは、次の長い行でそう。 thisはセレクタと一致した要素の参照となります（フォームが複数ある場合は、フォームがそれぞれに挿入されます）。

$(this).html('<div id="contactable_inner"></div><form id="contactForm" method="" action=""><div id="loading"></div><div id="callback"></div><div class="holder"><p><label for="name">'+options.name+'<span class="red"> * </span></label><br /><input id="name" class="contact" name="name"/></p><p><label for="email">'+options.email+' <span class="red"> * </span></label><br /><input id="email" class="contact" name="email" /></p><p><label for="message">'+options.message+' <span class="red"> * </span></label><br /><textarea id="message" name="message" class="message" rows="4" cols="30" ></textarea></p><p><input class="submit" type="submit" value="'+options.submit+'"/></p><p class="disclaimer">'+options.disclaimer+'</p></div></form>');