点击按钮链接跳转

时间:2014-09-28 18:56:48

标签: jquery html css

我正在使用Mixitup JQuery作为投资组合页面,在几个不同的过滤器之间对我的内容进行排序。当我现在点击一个项目时,Jquery工作并且内容混洗,但是按钮跳起大约50px一秒钟,然后回到它们定位的位置。

如果双击同一链接“web”或“contact”,则可以复制此链接。 - Marc Jenkinson 43分钟前

在此处查看:http://codepen.io/anon/pen/BJnhH

$(function(){
  $('#content-column').mixItUp();
});

1 个答案:

答案 0 :(得分:0)

当你说

button.items:focus {
  display:none;
}

你不是说“隐藏对这些按钮的关注”。

你说的是“隐藏正在关注的按钮”。

这是导致视觉跳跃的原因。删除这些行,您会看到它们在单击时不会消失。

有效的方法可以在现代浏览器中删除焦点效果(您可以在Stack Overflow上找到),但更好的是,您应该将这些元素作为锚点。

编辑:这是指向How to remove border (outline) around text/input boxes? (Chrome)

的链接