artDialog ( v 6.0.2 ) content 参数引入页面 html 内容

最新推荐文章于 2021-08-05 18:59:19 发布

weixin_33730836

最新推荐文章于 2021-08-05 18:59:19 发布

阅读量247

点赞数

/*! artDialog v6.0.2 | https://github.com/aui/artDialog */

将页面某一隐藏的 div 的 html 内容传到 artdialog 的弹窗中，并且该 div 不会被删除，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="lib/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="css/ui-dialog.css">
<script src="dist/dialog-min.js"></script>
</head>

<body>
<div id="con" style="display:none">test</div>
<input type="button" value="点我" id="btn">
</body>
<script>
    var con = document.getElementById('con');
    $('#btn').on('click', function () {
        $("#con").attr("style","display:block");
        var d = dialog({
            title: '消息',
            width: 500,
        });        
        d.show();
        d.content(con);
    });
</script>
</html>

参考资料：

https://github.com/aui/artDialog/wiki/artDialog-v5%E5%8D%87%E7%BA%A7v6%E5%8F%82%E8%80%83 artDialog v6是一个全新的版本，由于修改幅度非常大，以下变更特性仅供参考（第7条）：

content 参数传入元素后不再自动显示隐藏元素，并且关闭对话框不再自动插入原来的位置，而是随着对话框删除。请用变量保存好元素的引用，以便下次对话框能传入该元素。

weixin_33730836

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
artDialog ( v 6.0.2 ) content 参数引入页面 html 内容

/*! artDialog v6.0.2 | https://github.com/aui/artDialog */将页面某一隐藏的 div 的 html 内容传到 artdialog 的弹窗中，并且该 div 不会被删除，代码如下：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-...
复制链接

扫一扫