一个简单的弹出层插件,使用面向对象的写法,完全使用原生JS实现,无需任何依赖。
clone
本项目到本地,然后引入 popup-layer
的CSS和JS。
var pop = new PopupLayer({
title : String,
content : String,
choose : Boolean,
fnSucc : Function,
fnFail : Function
});
title
(String):字符串,输出大标题
content
(String):字符串,输入内容
choose
(Boolean):布尔值,如果为true
,那么是两个按钮,会调用下方的回调函数,如果为false
,那么只有一个按钮。
fnSucc
(Function):回调函数,如果choose值为true,启用这个回调函数。必须传入一个参数,这个参数的值是字符串true
。
fnFail
(Function):回调函数,如果choose值为true,启用这个回调函数。必须传入一个参数,这个参数的值是字符串false
。
在构造函数中,this一般指向他的构造函数,但是如果把它的prtotype
修改为一个对象的时候,就会被修改为Object
,这时候需要修改他的construct
改为构造函数本身才行。
在实例化的时候,参数中设置两个回调函数,一个成功的回调函数和失败的回调函数。他们的参数就是true
和false
。然后点击成功的时候执行fnSucc
中的内容,如果失败,就调用fnFail
中的内容