Question

我正在处理带有动画链接的页面。见this page 问题出在网格中的那些块中。当您将鼠标悬停在上方时，可以单击右下方的链接图标。它与特定帖子相关联，但它什么也没做。但是我可以右键单击它然后打开页面。

我尝试了一些改变z-index和div的位置的东西，但我无法让它工作。这是一个CSS问题还是可能在某个地方的jQuery中？

感谢。

Answer 1

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

确保在连接同位素之前连接上述内容。

链接可点击但什么都不做

1 个答案: