Rumah > hujung hadapan web > html tutorial > 页面左侧导航栏_html/css_WEB-ITnose

页面左侧导航栏_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:21:06
asal
1856 orang telah melayarinya

如图所示,这是一个左侧菜单(我截了两张图),前边有图片标示的是父菜单,有的父菜单包含子菜单,点击父菜单,就会变色(如图右边效果),点击子菜单,子菜单字体变色,父菜单背景变色(如图左边效果),现在左边的菜单栏是一个提取出来的公共页面,给每一个菜单添加标示符,当点击菜单的时候,跳到action,调用方法,然后在页面显示数据,难点就是,1:点击子菜单的时候,父菜单也要选中。2:有好多父节点跳转的是同一个action,同一个方法,只是返回页面不同,所以就算添加标示符也没办法判断啊,求高手帮忙解决。       
 
在线等。。。[img=http://b227.photo.store.qq.com/psb?/V13H6l0L0oFC2O/VdDpnR5EU02v954TJe4ENUhFMi6MoMC5rjRtt9YLKn8!/b/dMmLUIdDGAAA&bo=IAPBAQAAAAADAMY!][/img]


回复讨论(解决方案)

jquery的话,去掉事件冒泡,加event.preventDefault();一句。

	$(function(){		$(".select").click(function(event) {			event.preventDefault();			alert("我不会向上冒泡了..");		});           });
Salin selepas log masuk

看不懂啊

哈哈....领分来了

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan