artDialog弹出框组件框架

弹出框交互的老熟人里,artDialog算是挺好用的一个。结构清晰,API 简单,功能也不弱。像设置标题、内容、按钮这些基本操作都不费劲,而且还能接收 HTML 或 DOM 元素,弹个表单或者图片都没问题。

artDialog的事件也比较灵活,比如点“确定”或“取消”时你可以加点自己的逻辑。你只需要写个 ok 函数就搞定,像这样:

art.dialog({
  title: '提示',
  content: '确定继续吗?',
  ok: function () {
    console.log('用户确认了');
  }
});

样式方面也挺好改,它有现成的皮肤样式,在 skin 目录里挑一个就能用,或者你也可以自定义点 CSS,搞个符合自己项目风格的弹窗。

用的时候记得在你的 index.html 里先引入 jQueryartDialog.min.js,不然跑不起来哈。还有,artDialogjQuery 的兼容也不错,老项目直接接入问题不大。

文档什么的就在 doc 目录,API 比较全,新手上手也挺快。如果你还想看一些相关的设计思路和用法,可以翻翻这篇,讲得还蛮细。

如果你项目里经常需要弹个提示、确认框什么的,可以试试 artDialog,配置灵活,用起来也舒服。

zip 文件大小:322.57KB