一般情况下每个网页中的Dialog对话框都是有标题title名称的，但是在某些时候随着网页上逻辑业务状态的更新，所对应的title就的动态修改。这里来分析下artDialog动态修改对话框中的title标题，实现对话框的状态更新。
在开始演示前，首先肯定是下载artDialog的安装包，并且解压到服务，并且导入到需要的网页上。这个我们在之前已经说过了~
导入artDialog的文件后就可以实例化dialog的对象了，并且使用show函数进行显示即可。代码如下；
<body>
<button id="test">点击修改弹窗 “title” 牛人技术博客</button>
<script src="https://www.nrjs.cn/lib/jquery-1.10.2.js"></script>//这里是依赖包
<script src="https://www.nrjs.cn/dist/dialog.js"></script>//这里是artDialog的主要代码包。
<script>
var d = dialog({//首先声明一个dialog并设置初始title
title: '加载中..'
});
d.show();//调用show显示函数将，之前的dialog显示。
$('#test').on('click', function() {//用JS建立一个按钮单机事件的监听，当用户点击后就会修改ID为test中的title内容。
d.title('牛人技术博客');//重新配置修改dialog中的内容，实现动态修改。
});
</script>
</body>
代码运行后，如下图！
总结:修改artDialog对话框中的title内容，是一种基本的入门操作。所以对部署artDialog的源代码环境也是有一定要求的，如果有什么不太了解的。欢迎随时联系69693721@qq.com一起交流。
网友评论 comments