首页 > 代码库 > artDialog ( v 6.0.2 ) content 参数引入页面 html 内容

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

/*! 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 参数传入元素后不再自动显示隐藏元素,并且关闭对话框不再自动插入原来的位置,而是随着对话框删除。请用变量保存好元素的引用,以便下次对话框能传入该元素。

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