日韩av免费一二三区-2021精品久久久久精品k8-亚洲红杏AV无码专区首页-99精品久久久久久水蜜桃

咨詢電話:
15628812133
13
2018/05

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

發(fā)布時間:2018-05-13 23:07:08
發(fā)布者:chaobai
瀏覽量:
0

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

       yuanda.jpg

一、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)文章
相關(guān)案例
熱門文章
最新文章