Question

我只是需要一些帮助来帮助解释这个JQ插件中的HTML。

插件和演示在这里：plugin＆amp; Demo

其名为“可联系”

人/人使用javascript制作弹出窗体，大部分html在js中， one

   < div >

用于在html文件上调用表单。因此，它允许将非侵入性表单放在页面上。

任何人都可以帮助解释编码的html部分谢谢

Answer 1

你需要解释什么？ 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>');

在jquery中创建一个表单（主要是）[可联系]？

1 个答案: