當執行顯示功能時，整個頁面會移動一點

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(); 
     }); 
    }); 
});