欧美成人片一区二区三区,久久碰人妻一区二区三区,久久婷婷激情综合色综合俺也去,狂野欧美性猛交免费视频,久久夜色精品国产亚洲

當前位置：網(wǎng)站首頁 /資料庫/前端知識

2018/05

點擊彈出對應彈窗

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

發(fā)布者：chaobai

瀏覽量:

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

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

//2.彈窗

二、JS相應實現(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ù)知識

關鍵詞:

返回列表

2025-08-22

vue3中監(jiān)聽寫法的改變查看詳情

2025-08-16

項目打包后echarts生成的json地圖消失怎么辦查看詳情

2025-08-08

web開發(fā)中的css盒模型查看詳情

2025-07-28

HBuilder怎么打包內(nèi)網(wǎng)網(wǎng)頁移動端應用查看詳情