执行show函数时整页移动一点

Question

我正在努力建立我的第一个网站www.angelosmavraidis.com 我点击“艺术品”div时插入了一个javascript来显示同一个类的8个div。 问题是，当点击“艺术品”并且其余的div显示时，整个页面向左移动一点。 任何人都知道为什么会这样吗？

您还可以推荐一个更好的替代以下脚本来完成这项工作吗？

 $(document).ready(function(e) {
    $('.mainmenu').each(function(index, element) {
        $(this).click(function() {
            $('.artwork').eq(index).show();
        });
    });
});

由于

Answer 1

在此使用preventDefault，如

 $(document).ready(function(e) {
    $('.mainmenu').each(function(index, element) {
        $(this).click(function(ev) {
            ev.preventDefault();
            $('.artwork').eq(index).show();
        });
    });
});