为何我在JS里写的A标签点击没有反应？

<script>
        var folders = ['about','new'], ret = [];
        for(var i = 0, j = folders.length; i<j; i += 1){
                ret.push('<li><a href="banner/' + folders[i] + '/index.html" ><img src="banner/' + folders[i] + '/index.jpg" ><p>'+folders[i]+'</p></a></li>')
        }        document.write(ret.join(''));
</script>这段代码是实现：自动查找根目录下的about和new文件夹里的index.jpg和index.html。并显示出index.jpg，并使其连接到index.html。但为什么图片是可以显示的，但是链接点击的时候却没有跳转呢？
当把A内的href值换成 # 时，会有跳转动作。求高手解释下。