layer初体验之弹出一个删除确认界面

最新推荐文章于 2025-09-11 02:14:24 发布

原创最新推荐文章于 2025-09-11 02:14:24 发布 · 7.9k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript/AJAX 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何利用Layer JavaScript弹窗插件来创建一个带有确认信息的弹窗，用于确认用户是否真的想要删除某条记录。该示例展示了如何设置弹窗样式、配置显示内容以及定义关闭按钮等。

<html>
<head>
<link href="http://cdn.bootcss.com/layer/2.4/skin/layer.min.css"></link>
<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.js"></script>
<script src="http://cdn.bootcss.com/layer/2.4/layer.min.js"></script>
<style>
.layui-layer-btn .layui-layer-btn0 {
    border-color: #dd4b39;
    background-color: #dd4b39;
    color: #fff;
}
</style>
</head>
<body>
<script>
layer.alert('',{
icon:2,title:'删除确认',content:'您确定要删除这条记录吗？',closeBtn:1},function(index){
    //business logic
    layer.close(index);
});
</script>
</body>
</html>