使用modal-实现弹对话框。对话框-对话框

使用modal-实现弹​​出对话框。

一个对话框包含 3 个部分:

对话框头模态-

对话框的modal-body

模态-

在对话框底部

下面的html可以放在标签的任意位置对话框登录界面html,我习惯了跟着标签。

html 代码片段:

默认div是隐藏的 aria-=”true”

显示效果:

图片[1]-使用modal-实现弹对话框。对话框-对话框-4747i站长资讯

添加按钮触发弹出对话框。


添加js代码对话框登录界面html,当按钮按下时,会显示对话框($(‘#’).modal(‘show’);).

$(document).ready(function() {
	document.getElementById("loginBntId").onclick = function() {
		$('#loginModalId').modal('show');
	}
	document.getElementById("loginModalYesId").onclick = function() {
		$('#loginModalId').modal('hide');
		alert("登录功能未实现!");
	}
});

给对话框上的登录按钮添加点击事件,事件发生后隐藏对话框($(‘#’).modal(‘hide’);),触发登录操作(“登录函数没有实现!”)

参考:

文章来源:https://www.cnblogs.com/voipman/p/5070867.html

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容