js制作弹窗

最新推荐文章于 2023-08-27 13:29:25 发布

勋勋勋勋小勋勋

最新推荐文章于 2023-08-27 13:29:25 发布

阅读量840

点赞数

文章标签：弹窗

本文链接：https://blog.csdn.net/qq_34607371/article/details/100703467

版权

个人见解，欢迎大家一起交流学习n(*≧▽≦*)n

效果图：

html页面

<body>
<button class="clickButton confirm">点击</button>
<div style="display: none" name="addImageInfo-con">
    这是内容
</div>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="./js/iconfont.js"></script>
<script src="./js/popup.js"></script>
<script>
    $("button").click(function () {
        let diaLog = $.Dialog({
            title: "test",
            "content" : $("div[name=addImageInfo-con]").html(),
            button: [
                {
                    txt: "确认",
                    callback: function () {
                        // diaLog.close();
                    }
                }, {
                    txt: "取消",
                    className: "cancel"
                }
            ]
        })
    })
</script>
</body>

popup.js

(function ($) {
    $.extend({
        Dialog: function (options) {
            let config = $.extend({
                title: "",
                button: [],
                content:""
            }, options);
            let $container = $('<div class="dialog"

最低0.47元/天解锁文章

勋勋勋勋小勋勋

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
js制作弹窗

个人见解，欢迎大家一起交流学习n(*≧▽≦*)n效果图：html页面<body><button class="clickButton confirm">点击</button><div style="display: none" name="addImageInfo-con"> 这是内容</div><...
复制链接

扫一扫