2018/05

点击弹出对应弹窗

发布时间：2018-05-13 23:07:08

发布者：chaobai

浏览量:

点击弹出相对应的弹窗，比如在一个遍历的ul中，点击li弹出相对应的弹窗效果。如这次在远大教科项目中遇到了点击产品，弹出相对应对应的弹窗，在js中就需要使用.each()方法遍历。

一、HTML页面
//1.遍历的需要点击的区域

//2.弹窗

二、JS相应实现方法

$(document).ready(function(){
	$('.p-c-r-content ul li').each(function(index){
	   $(this).on('click',function(){
		   // alert(index);
		   $(".product-div").find(".p-d-window").hide();
		   $(".product-div").find(".p-d-window").eq(index).show();
	   })
	});
	$('.div-close').click(function(){
	   $(".p-d-window").hide();
     });
});

上一篇：页面多个视频实现单独控制

下一篇：函数知识

关键词:

返回列表

2023-07-23

抽屉和弹窗的区别是什么？查看详情

2019-06-24

这是一个关于input框的动画查看详情

2018-07-21

遮盖层效果及弹窗过高时的实现方法查看详情

2018-05-20

点击弹出对应弹窗查看详情