layer.js插件使用一些心得

最近做的一個項目使用了一個叫做layer.js的插件，感覺很不錯，在這里寫下一些使用心得。

官方下載的地址與使用文檔：http://sentsin.com/jquery/layer/

因為官方的使用演示講解的已經非常清楚了，在這里我就講解一下就我在項目中的使用心得。

 

情況一：操作請求在iframe頁面中，但是彈窗希望是在整個頁面中居中，也就是相當於父頁面中的彈窗，也就是所謂的在iframe操作父頁面

方法如下：在當前的iframe頁面中寫JS觸發效果，希望彈窗的的DIV必須放在iframe父頁面中，調用代碼如下

     $("#addBank").click(function(){
        var docHeight = document.documentElement.clientHeight;
        top.$.layer({
            type : 1,
            title : '添加銀行賬號',
            fix : true,
            zIndex : 19891014,
            offset:[(docHeight/2-240)+'px' , ''],
            area : ['auto','350px'],
            page : {dom : '#addWrapper'}
        });
    });

其中top.$.layer就是調用的關鍵了，top是瀏覽器的內置對象，表示最頂層容器,這樣一來就是實現了iframe控制父頁面的彈窗效果了，

"#addWrapper"是父頁面中的一個div，id為"addWrapper",其他的參數官方API里面都有詳細介紹，這里我就不再啰嗦了

 

情況二：希望彈窗自定義顯示的文字的樣式，我們可以在接受參數message的時候使用如："<p style='text-align:center;'>你要顯示的文字</p>"的方式來實現