artDialog弹出框组件框架
弹出框交互的老熟人里,artDialog算是挺好用的一个。结构清晰,API 简单,功能也不弱。像设置标题、内容、按钮这些基本操作都不费劲,而且还能接收 HTML 或 DOM 元素,弹个表单或者图片都没问题。
artDialog的事件也比较灵活,比如点“确定”或“取消”时你可以加点自己的逻辑。你只需要写个 ok
函数就搞定,像这样:
art.dialog({
title: '提示',
content: '确定继续吗?',
ok: function () {
console.log('用户确认了');
}
});
样式方面也挺好改,它有现成的皮肤样式,在 skin
目录里挑一个就能用,或者你也可以自定义点 CSS,搞个符合自己项目风格的弹窗。
用的时候记得在你的 index.html
里先引入 jQuery
和 artDialog.min.js
,不然跑不起来哈。还有,artDialog对 jQuery
的兼容也不错,老项目直接接入问题不大。
文档什么的就在 doc
目录,API 比较全,新手上手也挺快。如果你还想看一些相关的设计思路和用法,可以翻翻这篇,讲得还蛮细。
如果你项目里经常需要弹个提示、确认框什么的,可以试试 artDialog,配置灵活,用起来也舒服。
322.57KB
文件大小:
评论区