layer 1.9 發布,國產 Web 彈層不懈的追求者


layer歷經三年考驗,已經清楚地懂得了人們最需要的是什么,因此這一版的核心是做減法,不僅剔除了部分冗余的API,對包括layer.ext.js在內的代碼也進行了大量瘦身(所以請不要覆蓋升級),layer.js相比1.8.5減少了將近300行代碼,但是這並不意味着功能的削減,事實上,layer已經變得更強大!1.9致力於告訴人們,選擇layer是完全正確的,因為似乎沒有哪個類似組件會在這個領域如此玩命地維護和改進。應當有理由相信,layer1.9是一個里程碑式的跨進!

【調用】

layer.open(options)

【可選配置】

layer.config({
    extend: 'extend/layer.ext.js', //注意,目錄是相對layer.js根目錄。如果加載多個,則 [a.js, b.js, …]
    shift: 1, //設定默認出場動畫
    skin: 'layui-layer-molv' //設定設定默認皮膚
    …
});
 
//除此之外,extend還允許你加載css。這對於layer的第三方皮膚有極大的幫助,如:
layer.config({
    extend: [
        'extend/layer.ext.js', //加載擴展模塊
        'skin/layer-ext-myskin/style.css' //layer-ext-myskin即是你拓展的皮膚文件
    ]
});
 
//擴展css的規范:您必須在你擴展中的css文件加上這段
html #layui_layer_skinlayer-ext-myskinstylecss{display:none; position: absolute; width:1989px;}
規則就是:html #layui_layer_skin{文件夾名}{文件名}css
skin名以文件夾名為標准。

  從這一版開始,全面完善了內部加載器,對於功能和css的擴展都做了非常強健的支撐,這意味着你真正意義上可以隨便玩弄layer了。

 

【更新日志】

> 新增laye.open(options),拋棄了之前的$.layer(options)調用方法,目的是與layer mobile保持統一。
> 新增layer.config(options)方法,用於進行全局化配置。除了用於展現彈層的基礎參數外,還支持path,用於模塊化加載layer時設定目錄以便加載所需配件,如layer.config({path: '所在路徑', extend: ''});
> 新增content參數,用於統一傳入內容。支持string類型和jquery dom對象。如果是type:2,即iframe的url。
> 新增icon參數,用於統一配置對話框和loading的icon類型。
> 新增cancel參數,用於統一取消回調。
> 新增skin參數,用於控制層的不同外觀。
> 新增layer.ready(path, callback),用於頁面加載時即調用彈層。如果通過layer.config配置了path,此方法的path可以不填,即直接layer.ready(callback);
> 新增tipsMore,用於開啟多個tips
> 新增scrollbar,用於設定是否屏蔽瀏覽器滾動條
> 完善offset參數,除了跟之前一樣,[Y坐標, X坐標],還支持傳入'rd',表示右下角。另外還支持只傳入Y坐標,如offset: '120px'。默認'auto',即垂直水平居中。
> 完善自適應,只要設定了固定高度,任何層都會自適應出現滾動條
> 完善shift,全新的CSS3動畫模式,支持傳入0-6。
> 完善area,支持傳入寬度、[寬,高],默認'auto',表示自適應
> 完善time,傳入值改為毫秒,比如2秒關閉,time: 2000
> 完善use方法,修復之前初始調用時部分瀏覽器一些不穩定因素
> 完善layer.full/layer.min方法,只要傳入index即可,不用跟之前一樣還要傳入area和offset。。。
> layer.alert/confirm/msg/load/tips五種快捷引用重寫,更靈活,更易使用。

> 剔除border參數,因為它沒有本質的作用,自定義層樣式可以通過新增的skin參數
> 剔除dialog的msg,page的html/url/dom,統一采用content
> 剔除dialog和loading的type,統一采用icon
> 剔除dialog中用於配置按鈕數的btns,因為可直接通過btn本身來獲取。
> 剔除no和close回調,統一采用cancel取代,不過仍然對前兩者兼容。
> 剔除layer.closeLoad()、layer.closeTips()方法,統一用layer.closeAll('loading/tips')來對指定類型層進行關閉
> 剔除bgcolor參數,因為自定義的樣式一律采用skin參數控制
> 剔除tips一些列子元素,只保留自身,並且支持number和object形,用於設定方向和顯示箭頭。
> 剔除layer.getIndex方法,獲取索引統一用返回值
> 剔除layer.autoArea方法,因為已經采取更好的自適應方案。

> 默認不顯示dialog圖標,需要顯示配置dialog指定的type即可
> 很多不可見只可感受的細節改動

<< 拓展模塊 >>
> layer.prompt/layer.tab/layer.photos重寫,代碼更強健,功能更強大


更詳細的文檔:http://sentsin.com/jquery/layer/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM