JavaScript可见性闪烁

我正在编程一个图像查看器框，它覆盖了一个缩略图库页面。图像查看器设置为在用户单击缩略图时可见

当前，当单击拇指时，查看器会弹出显示，然后立即再次变为不可见。我想知道如何调用查看器使其完全可见，然后将其保持在那里

我正在使用一个外部的.js文件

onclick事件：

<div class="thumb_box">
    <a href="" alt="gallery thumb" onclick="invokeViewer()">
        <img class="thumbnail" src="../thumbs/jacob/jacob1.png"  />
    </a>
</div>

function invokeViewer(){

    var viewerBack = document.getElementById('imagebox_foreground');
    var viewerFore = document.getElementById('imagebox_background');
    var currentImage = document.getElementById('current_image');

    viewerBack.style.visibility='visible';
    viewerFore.style.visibility='visible';
    currentImage.style.visibility='visible';

    return false;
}

<div id="imagebox_foreground" style="visibility:hidden">
    <img id="current_image" style="visibility:hidden" src="imageurl.jpg" />
</div>

<div id="imagebox_background" style="visibility:hidden"></div>

查看器Div的HTML:

<div class="thumb_box">
    <a href="" alt="gallery thumb" onclick="invokeViewer()">
        <img class="thumbnail" src="../thumbs/jacob/jacob1.png"  />
    </a>
</div>

function invokeViewer(){

    var viewerBack = document.getElementById('imagebox_foreground');
    var viewerFore = document.getElementById('imagebox_background');
    var currentImage = document.getElementById('current_image');

    viewerBack.style.visibility='visible';
    viewerFore.style.visibility='visible';
    currentImage.style.visibility='visible';

    return false;
}

<div id="imagebox_foreground" style="visibility:hidden">
    <img id="current_image" style="visibility:hidden" src="imageurl.jpg" />
</div>

<div id="imagebox_background" style="visibility:hidden"></div>

---

我怀疑你的href被触发，你的页面被重新加载。向事件处理程序添加

return false

，以防止触发链接

invokeViewer（）

已经返回false，所以您可以说

returninvokeviewer（）

：

或：

我认为在

invokeViewer（）

上返回

false

可能会给您带来麻烦。如果返回

true

或根本不返回任何内容，会发生什么情况？就是这样。谢谢我怀疑这是重新加载，但不知道为什么函数中的返回false不能阻止它。