之前处理导航栏和tab关联的时候看别人对插件的使用,在a标签中触发事件,获取a标签的href,data-id属性,来创建一个新的tab,并且不处罚href,在iframe中根据href打开新的iframe。
用法:
<div>
<a class="b" href="111.html" id="a" onclick="qwe();event.returnValue=false;">123</a>
<a class="b" href="111.html" id="a" onclick="qwe();return false;">123</a>
</div>
<script>
function qwe(){
alert("a");
}
</script>
两种写法都可以。
使用JQ,不启用onclick:
<div>
<a class="b" href="111.html" id="a" >123</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".b").click(function(){
alert("1");
return false;
});
})
</script>
只需要给click事件返回一个false就不会执行href链接跳转。
上面的写法是动态创建tab,需要获取href的值,
另外如果不需要href的值可以直接这样写,实现href失效:
<div>
<a href="javascript:void(0)" onclick="qwe()">123</a>
</div>
javascript:void(0),计算的值是0,此时是个死链接。