东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

當(dāng)前位置：網(wǎng)站首頁(yè) /資料庫(kù)/前端知識(shí)

2018/05

點(diǎn)擊彈出對(duì)應(yīng)彈窗

發(fā)布時(shí)間：2018-05-13 23:07:08

發(fā)布者：chaobai

瀏覽量:

點(diǎn)擊彈出相對(duì)應(yīng)的彈窗，比如在一個(gè)遍歷的ul中，點(diǎn)擊li彈出相對(duì)應(yīng)的彈窗效果。如這次在遠(yuǎn)大教科項(xiàng)目中遇到了點(diǎn)擊產(chǎn)品，彈出相對(duì)應(yīng)對(duì)應(yīng)的彈窗，在js中就需要使用.each()方法遍歷。

一、HTML頁(yè)面
//1.遍歷的需要點(diǎn)擊的區(qū)域

//2.彈窗

二、JS相應(yīng)實(shí)現(xiàn)方法

$(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();
     });
});

上一篇：頁(yè)面多個(gè)視頻實(shí)現(xiàn)單獨(dú)控制

下一篇：函數(shù)知識(shí)

關(guān)鍵詞:

返回列表

相關(guān)文章

2023-07-23

抽屜和彈窗的區(qū)別是什么？查看詳情

2019-06-24

這是一個(gè)關(guān)于input框的動(dòng)畫(huà) 查看詳情

2018-07-21

遮蓋層效果及彈窗過(guò)高時(shí)的實(shí)現(xiàn)方法查看詳情

2018-05-20