动态修改artDialog对话框上title标题名称

一般情况下每个网页中的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

发表评论

电子邮件地址不会被公开。必填项已用 *标注

暂无评论

牛人技术博客 | AboutUS | 湘ICP备13000282号-8 |
Copyright © 2009 - 2018 NRJS Corporation, All Rights Reserved
添加图标到手机桌面
扫二维码
扫二维码
返回顶部