html中layer绑定事件的写法

最新推荐文章于 2023-08-06 18:32:34 发布

夏日起子

最新推荐文章于 2023-08-06 18:32:34 发布

阅读量1.6k

点赞数 1

分类专栏： php

本文链接：https://blog.csdn.net/weixin_38886125/article/details/106736776

版权

这篇博客介绍了在HTML中使用layer插件进行事件绑定的两种方法：一是通过ID绑定并用layer方法连接；二是利用onclick点击事件绑定自定义方法。作者强调layui和layer在开发中的便利性，并提到jQuery的事件绑定对于后端开发者的重要性，同时提到了掌握vue和react对于移动开发的必要性。

摘要由CSDN通过智能技术生成

layer是我们常用的一种弹窗jquery插件

第一种方法

如何绑定事件呢？

	<input type="button"  id="member_add" value="测试" class="button_oper btn-success">

首先通过id绑定layer事件

然后通过layer方法将其绑定起来

<script>
	$('#member_add').on('click', function(){
		layer.alert('见到你真的很高兴', {icon: 6});
	});

</script>

第二种方法

通过onclick点击事件绑定beizhu的方法

<input type="button" onclick="zuji('beizhu',{$vo.putid})" value="足迹截图" class="button_oper btn-success" >

然后通过function方法将layer代码跑起来，这样就可以实现效果

	<script type="text/javascript">
		function zuji(title,urls){
			layer.open({
				type: 1,
				area: ['430px', '500px'],
				shadeClose: true, //点击遮罩关闭
				content: '\<\div style="padding:20px;">