/*! 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
參數傳入元素后不再自動顯示隱藏元素,並且關閉對話框不再自動插入原來的位置,而是隨着對話框刪除。請用變量保存好元素的引用,以便下次對話框能傳入該元素。