阅读量:3
要动态加载artdialog弹窗的内容，可以通过以下步骤实现：
首先，在页面中引入artdialog插件的JS和CSS文件。
在页面中定义一个空的容器元素，用来存放弹窗的内容。
在需要触发弹窗的事件中，使用JavaScript代码动态生成或加载需要显示的内容，并将内容插入到容器元素中。
调用artdialog插件的弹窗方法，将容器元素作为参数传入，以显示动态加载的内容。
示例代码如下：
<!DOCTYPE html> <html> <head> <title>Dynamic Content in ArtDialog</title> <link rel="stylesheet" href="path/to/artDialog.css"> </head> <body> <div id="dialogContent" style="display: none;"></div> <button onclick="openDialog()">Open Dialog</button> <script src="path/to/artDialog.js"></script> <script> function openDialog() { // Dynamically generate or load content var dynamicContent = '<p>This is the dynamically loaded content</p>'; // Insert content into container element document.getElementById('dialogContent').innerHTML = dynamicContent; // Open dialog with dynamic content art.dialog({ content: document.getElementById('dialogContent'), drag: false }); } </script> </body> </html> 在上面的示例中，当用户点击按钮时，会触发openDialog()函数，该函数会动态生成一个包含文本内容的字符串，并将其插入到id为dialogContent的容器元素中。然后通过调用art.dialog()方法，将容器元素作为content参数传入，以显示动态加载的内容。
