0

I'm working on a page with animated link. See this page The problem is in those blocks in the grid. When you hover over you can click on the link icon right down under. It's is linked to the specific post, but it does nothing. However I can right click on it and then open the page.

I tried several things like changing the z-index and position of the div's but I can't get it to work. Is this a CSS problem or could it be in the jQuery somewhere?

Thanks.

4

1 回答 1

4

li正在捕捉从链接中冒出来的事件。该插件假定内部的任何点击li都是“选择”它。通过查看点击前的班级列表可以明显看出这一点li：

item col3 posttype1 check-trio category-2 category-3 geen-categorie catergory-1 tag-1 tag-2 tag-3 tag-4 isotope-item

与之后

item col3 posttype1 check-trio category-2 category-3 geen-categorie catergory-1 tag-1 tag-2 tag-3 tag-4 isotope-item selected

注意最后添加的所选类。

您正在使用的 jQuery 插件将单击您的项目解释为单击以选择该项目。您需要将您的特定插件配置为不拦截这些点击，或者，如果不可能，则自己明确捕获链接点击并在它冒泡到插件之前对其进行处理。

做后者的一种方法是（未经测试）

$(document).on('click', '.dpf-items .item a', function(event)
{
  // manually change location, because isotope is intercepting clicks
  location.href = $(this).attr('href');

  return false;
});

确保在连接同位素之前将上述连接起来。

于 2013-11-14T16:53:04.723 回答