layer for PC 使用说明.doc

Layer for PC 说明 本文档主要针对layer1.9及以上版本，如果您项目中使用的是1.9之前的版本，请前往1.8.5文档页。 我们提到的基础参数主要指调用方法时用到的配置项，如：layer.open({content: }) ,layer.msg(, {time: 3})等，其中的content和time即是基础参数，以键值形式存在，基础参数可合理应用于任何层类型中，您不需要所有都去配置，大多数都是可选的。而其中的layer.open、layer.msg就是内置方法。但我们通常还会在别的js文件中扩展一些层，比如mpt()即是我们的扩展方法，扩展的js文件默认不会加载，通常需进行layer.config({extend: extend/layer.ext.js})后才可使用，而关于其中的extend下面也有讲解。 基础参数 type - 基本层类型 类型：Number 默认：0 layer提供了5种层类型。可传入的值有： 0 (信息框，默认) 1 (页面层) 2 (iframe层) 3 (加载层) 4 (tips层)。 若你采用layer.open({type: 1})方式调用，则type为必填项（信息框除外） title - 标题 类型：String/Array/Boolean 默认：信息 title支持三种类型的值，若你传入的是普通的字符串，如title :我是标题，那么只会改变标题文本；若你还需要自定义标题区域样式，那么你可以title: [文本, font-size:18px;]，数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false content - 内容 类型：String/DOM/Array 默认： content可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同。譬如： 对应代码说明 /!* 如果是页面层 */ layer.open({ type: 1, content: 传入任意的文本或html //这里content是一个普通的String }); layer.open({ type: 1, content: $(#id) //这里content是一个DOM }); //Ajax获取 $.post(url, {}, function(str){ layer.open({ type: 1, content: str //注意，如果str是object，那么需要字符拼接。 }); }); /!* 如果是iframe层 */ layer.open({ type: 2, content: //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: [, no] }); /!* 如果是用layer.open执行tips层 */ layer.open({ type: 4, content: [内容, #id] //数组第二项即吸附元素选择器或者DOM }); /!* 如果是页面层 */ layer.open({ type: 1, content: 传入任意的文本或html //这里content是一个普通的String }); layer.open({ type: 1, content: $(#id) //这里content是一个DOM }); //Ajax获取 $.post(url, {}, function(str){ layer.open({ type: 1, content: str //注意，如果str是object，那么需要字符拼接。 }); }); /!* 如果是iframe层 */ layer.open({ type: 2, content: //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: [, no] }); /!* 如果是用layer.open执行tips层 */ layer.open({ type: 4, content: [内容, #id] //数组第二项即吸附元素选择器或者DOM }); /!* 如果是页面层 */ layer.open({ type: 1, content: 传入任意的文本或html //这里content是一个普通的St