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

关于Javascript图片库改进的问题

关于Javascript图片库改进的问题

叮当猫咪 2019-02-26 13:56:11
最近在学习Javascript编程的艺术,其中有一章节说的是图片库的问题,实现点击链接,在网页不跳转的情况下,更换下方的图片的效果。现在有一个问题,当我点击按钮,网页会跳转,我也在匿名函数里写了点击返回false的,为什么还会跳转呢?求助,求助,谢谢!以下是代码:
查看完整描述

2 回答

?
茅侃侃

TA贡献1842条经验 获得超21个赞

执行prepareGallery方法:

prepareGallery();


查看完整回答
反对 回复 2019-03-04
?
倚天杖

TA贡献1828条经验 获得超3个赞

实质是你的prepareGallery函数没有执行过,所以没有起效果。

你在下面执行,或者声明后马上执行就可以:


(function prepareGallery() {

                 if (!document.getElementsByTagName) {return false;}

                 if (!document.getElementById) {return false;}

                 if (!document.getElementById("imageGallery")) {return false;}

                 var gallery = document.getElementById("imageGallery");

                 var links = gallery.getElementsByTagName("a");

                 for (var i=0; i<links.length; i++){

                     links[i].onclick = function(){

                        showPic(this);

                        return false; //屏蔽游览器跳转的行为

                     }

                 }

             })();  //这里立即执行了函数。


查看完整回答
反对 回复 2019-03-04
  • 2 回答
  • 0 关注
  • 625 浏览
慕课专栏
更多

添加回答

举报

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