初步使用
第一步 :引用js和樣式
第二步 :設定要觸發顯示的元素(a標簽,鏈接href指向div的id)
<div><a href="#adddivtest" id="addbtndiv">測試</a></div>
第三步: 設定要觸發后顯示在面板里面的內容塊(一般div,必須有2層包裝)
<div style="display:none;">
<div id="adddivtest">
<div class="title">任務類型:</div>
<div class="title">任務類型:</div>
<div class="title">任務類型:</div>
</div>
</div>
第四步:js加載時加載/*彈出框js*/(此時使用的id是a標簽的id而不是div的id)
function () {
/*彈出框js*/
$("#addbtndiv").fancybox({
'autoDimensions': false,
'centerOnScroll': true,
'scrolling': false,
'width': 480,
'height': 380
});
}
------------此時最簡單的面板已經可以觸發並顯示了,接下來就是面板中加載數據什么的了---------------