久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

2018/05

點擊彈出對應(yīng)彈窗

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

發(fā)布者：chaobai

瀏覽量:

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

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

//2.彈窗

二、JS相應(yīng)實現(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();
     });
});

上一篇：頁面多個視頻實現(xiàn)單獨控制

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

關(guān)鍵詞:

返回列表

相關(guān)文章

2023-07-23

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

2019-06-24

這是一個關(guān)于input框的動畫查看詳情

2018-07-21

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

2018-05-20