补充说明:js:function clickList(e){
var listAll=e.parentNode.childNodes;
var list=listAll[1];
console.log(list);
if (list.style.display == "none") {
list.style.display = "block";
}
else{
list.style.display = "none";
}
e.stopPropagation();
}
html:
<a href="一个网址"><div class="pull-right" onclick="clickList(this)"><i class="iconfont"></i></div></a>
不给连接就行了。或者就以class绑定click事件的形式试试。
<a href="javascript:void(0)"><div class="pull-right" onclick="clickList(this)"><i class="iconfont"></i>
$(function(){
$(".pull-right").click(function(){
var listAll=$(this).find("iconfont");
……
});
})
我想实现点a里的div时候能够跳出一个List(一个评论点赞的小div),点div以外的区域能够跳转链接到另一个详情页面,a里边的链接不能缺少,难道点击a里边的元素时必定会触发a的链接吗?阻止冒泡也不行?
@flyingDuck: 刚试了下,你在div绑定的点击事件里面最后加个return false。就可以阻止冒泡了。如下测试代码段!
$(".divcss").click(function () { alert(11); return false; });
<a href="http://www.baidu.com"> <div class="divcss" style="width:100px;height:100px;background-color:#ff6a00;"> </div> </a>
@贫民窟大侠: 我用小demo测试了一下是可以的,项目里边的还是不成功,可能是嵌套太多层的原因。
@贫民窟大侠:谢谢你了
@flyingDuck:嗯,没事, 若要阻止事件的冒泡,return false即可。
@贫民窟大侠 请问最后怎么解决的