为了账号安全,请及时绑定邮箱和手机立即绑定

为什么return false之后仍然会跳到新页面显示图片?

为什么return false之后仍然会跳到新页面显示图片?

perservance717 2016-05-13 00:58:44
<script type="text/javascript"> $(function(){ $(".thumbs a").click(function(e){//超链接的click事件默认在当前页弹出大图片 var largePath = $(this).attr("href"); var largeAlt = $(this).attr("title"); $("#largeImg").attr({ src:largePath, alt:largeAlt }); return false; }); });</script>为什么return false之后仍然会跳到新页面显示图片?
查看完整描述

3 回答

?
BlueKitty

TA贡献5条经验 获得超9个赞

你是否设置了href属性了呢,如果有的话仍然还会处理链接事件的.如果只是想弹窗的话,<a href="javascript:;">...</a>,更改一下就可以了

查看完整回答
2 反对 回复 2016-05-13
?
xiuhuwang

TA贡献9条经验 获得超1个赞

既然及使用了onclick事件,那就把href属性禁掉,<a href="javascript:void(0);"></a>

查看完整回答
反对 回复 2016-05-13
  • perservance717
    perservance717
    我把href属性禁掉后,依然会跳转到新页面!
  • perservance717
    perservance717
    <body> <h2>图片预览</h2> <p> <img id="largeImg" src="images/img1-lg.jpg" alt="large Image" /> </p> </p class="thumbs"> <a href="images/img2-lg.jpg" title="Image2"><img src="images"/img2-thumb.jpg></a> <a href="images/img3-lg.jpg" title="Image3"><img src="images"/img3-thumb.jpg></a> <a href="images/img4-lg.jpg" title="Image4"><img src="images"/img4-thumb.jpg></a> <a href="images/img5-lg.jpg" title="Image5"><img src="images"/img5-thumb.jpg></a> <a href="images/img6-lg.jpg" title="Image6"><img src="images"/img6-thumb.jpg></a> <a href="javascript:void(0);"></a> </p> </body>
?
起名咋这么费劲呢

TA贡献39条经验 获得超10个赞

点击事件里禁止跳转

查看完整回答
反对 回复 2016-05-13
  • 3 回答
  • 0 关注
  • 1547 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信