?

作為獨(dú)立組件使用 layer

引入好layer.js后，直接用即可 <script src="layer.js"></script> <script> layer.msg('hello'); </script>

在 layui 中使用 layer

layui.use('layer', function(){var layer = layui.layer;layer.msg('hello'); });

?

layer.open(options)?- 原始核心方法

/!*如果是頁面層*/ layer.open({type: 1, // 層類型；類型：Number，默認(rèn)：0；layer提供了5種層類型。可傳入的值有：0（信息框，默認(rèn)）1（頁面層）2（iframe層）3（加載層）4（tips層）。 若你采用layer.open({type: 1})方式調(diào)用，則type為必填項(xiàng)（信息框除外） content: '傳入任意的文本或html' //這里content是一個(gè)普通的String }); layer.open({type: 1,
area:['500px', '300px'], // 寬和高content: $('#id') //這里content是一個(gè)DOM，注意：最好該元素要存放在body最外層，否則可能被其它的相對(duì)元素所影響 }); //Ajax獲取 $.post('url', {}, function(str){layer.open({type: 1,
skin:'', //樣式類名。類型：String，默認(rèn)：'';skin不僅允許你傳入layer內(nèi)置的樣式class名，還可以傳入您自定義的class名。這是一個(gè)很好的切入點(diǎn)，意味著你可以借助skin輕松完成不同的風(fēng)格定制。目前l(fā)ayer內(nèi)置的skin有：layui-layer-lanlayui-layer-molv，未來我們還會(huì)選擇性地內(nèi)置更多，但更推薦您自己來定義。以下是一個(gè)自定義風(fēng)格的簡(jiǎn)單例子 content: str //注意，如果str是object，那么需要字符拼接。 }); }); /!*如果是iframe層*/ layer.open({type: 2, content: 'http://sentsin.com' //這里content是一個(gè)URL，如果你不想讓iframe出現(xiàn)滾動(dòng)條，你還可以content: ['http://sentsin.com', 'no'],使用網(wǎng)頁返回的內(nèi)容渲染 }); /!*如果是用layer.open執(zhí)行tips層*/ layer.open({type: 4,content: ['內(nèi)容', '#id'] //數(shù)組第二項(xiàng)即吸附元素選擇器或者DOM });

?

?

https://www.layui.com/doc/modules/layer.html#btn

轉(zhuǎn)載于:https://www.cnblogs.com/shengulong/p/10009021.html

總結(jié)

以上是生活随笔為你收集整理的Js组件layer的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。