简单的弹窗组件是怎么写的?

吃半个馒头
  • 1.4k

最近我发现项目每个页面都需要用上弹窗效果,比如对话框的那个提示。
写了jq比较长。
如何进行封装化然后可以多次调用,有没有这种简单的例子,
万能的segmentfault的大神。有自己写过的那种例子吗?

回复
阅读 3.8k
6 个回答

bootbox.js 提供dialog,prompt,confirm弹窗当方式。可以将他封装为一个函数 让后用 es6的export导出,在你需要的地方import这个方法。就可以实现通用了,es6的浏览器支持不好,可能要babel一类的工具转换为es5。

百度layer。一个很好用的插件

写法很简单啦,弹窗的内容是一个div就可以了,我提供下架构思路吧

var tool={
    alert:function(){
         //这里是alert弹窗实现
    }
}

这插件就这么简单,当然你要自己构建实现效果.
我之前实现过,用了一个弹性运动的代码,出了点问题,后来就没继续研究了,一直没投诉使用。
后来我做了个类似于安卓手机里提示信息那个效果(有时候退出应用时提示“再点击一次退出应用”那种);
若需要源码研究的话可以再联系我的。

简单的就是一个浮层。但我想你的意思是要做到组件化,慕课网上有个教程“阿当大话西游之web组件”,里面封装挺详细的,可以学一下他的组件化思想。

简单的就是浮动div。 剧中显示即可。

宣传栏