當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間：2023/12/9 编程问答 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 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 内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。