Javascript 如何使用fancy box/light box通过单击submit按钮获得div弹出窗口？

我的加价

<div class="popup bg-white"><!--pop up box begins-->
            <a href="" class="close-btn fr center_text">
                <b class="small-font">X</b>
                <span>CLOSE</span>
            </a>
            <div class="popup-title medium_18 font-bold">Please edit your details below:</div>
            <div class="clearfix">  
                <input type="text" class="input_box" value="" name="" placeholder="Miss Rachael Short" size="49" />
            </div>  
            <div class="clearfix">
                <input type="text" class="input_box" value="" name="" placeholder="Industrial Way" size="49" />
            </div>  
            <div class="clearfix">  
                <input type="text" class="input_box" value="" name="" placeholder="Bath" size="49" />
            </div>
            <div class="clearfix">  
                <input type="text" class="input_box" value="" name="" placeholder="Somerset" size="49" />
            </div>  
            <div class="clearfix">  
                <input type="text" class="input_box" value="" name="" placeholder="BA2 8SF" size="49" />
            </div>
            <button class="btn btn-common fr btn-big auto_width" value="submit" type="submit" name="submit">EDIT</button>
        </div><!--pop up box ends-->

请在下面编辑您的详细信息：
编辑

按钮

EDIT

[更新] css

.popup{visiblity:hidden}

我需要在单击编辑按钮时弹出该div

弹出窗口

我如何编写JS代码呢？

---

我的站点在标题中有脚本。

将您的按钮放在popup div之外，为popup div指定一个唯一的ID，为您的按钮指定一个类，并相应地设置您的fancybox代码

HTML

---

将onclick=“show_dialog（）”添加到按钮？？感谢您的建议，但这不起作用。但是如何更改花式方框的宽度和高度？高度自动调整，宽度自动调整为130像素。。我试过

$（“.fancybox”）.fancybox（{'href'：'popupID'，'width'：600'，'height'：600}）；

但不工作为cssI中的.popup div指定宽度和高度。我们已删除了.popup中的

位置：绝对

，现在一切正常。如何去除覆盖层和花式盒子的外壳？更新了fiddle-。使用fancybox类更改css。您可以在这里找到许多有用的文档-

<div id="popupID" class="popup bg-white"><!--pop up box begins-->
        <!-- rest of the html -->    
</div><!--pop up box ends-->

<button class="fancybox btn btn-common fr btn-big auto_width" value="submit" type="submit" name="submit">EDIT</button>

$(".fancybox").fancybox({
    'href' : '#popupID'
});