layer 中 的type和 content

Posted 2020-12-03 hwldyz

type - 基本层类型

类型：Number，默认：0

layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。 若你采用layer.open({type: 1})方式调用，则type为必填项（信息框除外）

content - 内容

类型：String/DOM/Array，默认：‘‘

content可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同。

1. /!*
2. 如果是页面层
3. */
4. layer.open({
5. type: 1,
6. content: ‘传入任意的文本或html‘ //这里content是一个普通的String
7. });
8. layer.open({
9. type: 1,
10. content: $(‘#id‘) //这里content是一个DOM
11. });
12. //Ajax获取
13. $.post(‘url‘, {}, function(str){
14. layer.open({
15. type: 1,
16. content: str //注意，如果str是object，那么需要字符拼接。
17. });
18. });
19. /!*
20. 如果是iframe层
21. */
22. layer.open({
23. type: 2,
24. content: ‘http://sentsin.com‘ //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: [‘http://sentsin.com‘, ‘no‘]
25. });
26. /!*
27. 如果是用layer.open执行tips层
28. */
29. layer.open({
30. type: 4,
31. content: [‘内容‘, ‘#id‘] //数组第二项即吸附元素选择器或者DOM
32. });